Float:ImgPlay
Thư viện chuyển đổi hình ảnh thành âm thanh
Thư viện JavaScript phân tích dữ liệu pixel từ hình ảnh để tạo nhạc dựa trên quy tắc. Chạy trực tiếp trên trình duyệt bằng Web Audio API, hoạt động hoàn toàn phía client không cần server.
JavaScript
Web Audio API
Image → Sound
npm
MIT (cho phép sử dụng thương mại)
Cài đặt
$
npm install float-imgplay
Tính năng chính
- Hình ảnh → Âm thanh — Ánh xạ màu pixel, độ sáng, độ bão hòa thành cao độ, nhịp điệu và hòa âm
- 5 thuật toán âm thanh — RGBA Digit, Brightness, Color Harmony, Spectral, Contour
- 20 preset nhạc cụ — Piano, Strings, Bass, Synth Lead, Brass, Flute và nhiều hơn
- 10 preset hòa tấu — Orchestra, Rock Band, Jazz Trio, Electronic, Cinematic và nhiều hơn
- Plugin thuật toán tùy chỉnh — Đăng ký logic chuyển đổi âm thanh của riêng bạn
- Xuất MIDI — Tải nhạc đã tạo dưới dạng Standard MIDI File
- Nhúng metadata PNG — Nhúng dữ liệu MIDI vào file hình ảnh
- Chia sẻ preset JSON — Xuất/nhập cài đặt dưới dạng JSON
- Điều khiển UI — Phát, âm lượng, tốc độ và popup cài đặt phủ trên hình ảnh
- Phát nhiều hình ảnh đồng thời — Phát nhiều hình ảnh cùng lúc như dàn nhạc với playAll()
Bắt đầu nhanh
HTML
<div class="float-imgplay"> <img src="photo.jpg" width="320" height="320"> </div> <script src="https://unpkg.com/float-imgplay"></script> <script> new FloatImgPlay({ selector: '.float-imgplay', ensemble: 'orchestra', audio: { algorithm: 'color-harmony' } }).init(); </script>
Điểm nổi bật API
JavaScript
// 앙상블로 재생 new FloatImgPlay({ ensemble: 'cinematic' }).init(); // 커스텀 악기 조합 new FloatImgPlay({ instruments: [ { preset: 'piano', volume: 0.25 }, { preset: 'strings', volume: 0.18 }, { preset: 'bass', volume: 0.2 } ], audio: { algorithm: 'spectral', tempo: 90 } }).init(); // 설정을 JSON으로 내보내기/가져오기 const config = player.exportConfig(); player.importConfig(config); // 모든 이미지 동시 재생 player.playAll();
Liên kết
MIT (cho phép sử dụng thương mại)