html5 - Comment utiliser la technologie Canvas pour créer une partition musicale qui saute de haut en bas

Question

Je voudrais demander comment utiliser la technologie du canevas pour créer une partition musicale qui saute de haut en bas

C'est similaire à cette photo, avec un simple effet de sauter de haut en bas !

Answer 1

Quand j'ai appris le front-end, j'ai créé un lecteur audio visuel. Il utilisait l'API Web Audio et la compatibilité sera meilleure avec l'élément H5 Audio. Quant à Canvas, il y a beaucoup d'informations sur Internet, donc. Je n'entrerai pas dans les détails :

• API Web Audio

L'API Web Audio n'est pas très compatible avec IE. De plus, le MOOC dispose d'un cours qui peut servir d'introduction :

• Visualisation musicale HTML5-MOOC

Ce qui suit est une petite démo que j'ai faite moi-même. C'est juste pour référence. Il serait préférable de l'écrire avec un framework moderne :

• Une démo (navigation avec Chrome)

• [code source]https://github.com/huangbuyi/...