Float:ImgPlay
ไลบรารีที่แปลงภาพเป็นเสียง
ไลบรารี JavaScript ที่วิเคราะห์ข้อมูลพิกเซลจากภาพเพื่อสร้างดนตรีตามกฎ ทำงานบนเบราว์เซอร์โดยตรงด้วย Web Audio API โดยไม่ต้องใช้เซิร์ฟเวอร์
JavaScript
Web Audio API
Image → Sound
npm
MIT (อนุญาตใช้งานเชิงพาณิชย์)
การติดตั้ง
$
npm install float-imgplay
คุณสมบัติหลัก
- ภาพ → เสียง — แมปสีพิกเซล ความสว่าง ความอิ่มตัว เป็นระดับเสียง จังหวะ และฮาร์โมนี
- 5 อัลกอริทึมเสียง — RGBA Digit, Brightness, Color Harmony, Spectral, Contour
- 20 พรีเซ็ตเครื่องดนตรี — Piano, Strings, Bass, Synth Lead, Brass, Flute ฯลฯ
- 10 พรีเซ็ตวงดนตรี — Orchestra, Rock Band, Jazz Trio, Electronic, Cinematic ฯลฯ
- ปลั๊กอินอัลกอริทึมกำหนดเอง — ลงทะเบียนลอจิกแปลงเสียงของคุณเอง
- ส่งออก MIDI — ดาวน์โหลดเพลงที่สร้างเป็น Standard MIDI File
- ฝังเมตาเดตา PNG — ฝังข้อมูล MIDI ในไฟล์ภาพ
- แชร์พรีเซ็ต JSON — ส่งออก/นำเข้าการตั้งค่าเป็น JSON
- การควบคุม UI — เล่น ระดับเสียง ความเร็ว และป๊อปอัปตั้งค่าวางซ้อนบนภาพ
- เล่นหลายภาพพร้อมกัน — เล่นหลายภาพพร้อมกันเหมือนวงออร์เคสตราด้วย playAll()
เริ่มต้นอย่างรวดเร็ว
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>
ไฮไลท์ 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();
ลิงก์
MIT (อนุญาตใช้งานเชิงพาณิชย์)