html5 - Cara menggunakan teknologi Kanvas untuk mencipta skor muzik yang melonjak naik dan turun

Question

Saya ingin bertanya bagaimana menggunakan teknologi kanvas untuk mencipta skor muzik yang melonjak naik dan turun

Ia serupa dengan gambar ini, dengan kesan mudah melompat ke atas dan ke bawah!

Answer 1

Apabila saya mula-mula mempelajari bahagian hadapan, saya membuat pemain audio visual Ia menggunakan API Audio Web dan keserasian akan menjadi lebih baik dengan elemen Audio H5 Bagi Kanvas, terdapat banyak maklumat di Internet, jadi Saya tidak akan menerangkan secara terperinci:

• API Audio Web

API Audio Web tidak begitu serasi dengan IE. Selain itu, MOOC ada kursus yang boleh dijadikan pengenalan:

• Visualisasi Muzik HTML5-MOOC

Berikut ialah demo kecil yang saya buat sendiri. Ia adalah lebih baik untuk menulisnya dengan kerangka moden:

• Demo (semak imbas menggunakan Chrome)

• [kod sumber]https://github.com/huangbuyi/...