Lecteur de synchronisation des paroles de musique

03 Feb 2018

Cet article partage principalement avec vous un exemple d'utilisation de JS natif pour implémenter la lecture synchronisée des paroles dans un lecteur de musique Web mobile. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

20 Jun 2017

Compétences associées HTML5+CSS3 (pour obtenir une mise en page et des effets dynamiques) Iconfont (utilisez la bibliothèque d'icônes vectorielles pour ajouter des icônes liées au joueur) MOINS (écriture CSS dynamique) jQuery (écrire rapidement des scripts js) gulp+webpack (outil de construction automatisé pour compiler et compresser le code LESS, CSS, JS, etc.) Fonctions implémentées La lecture est en pause (cliquez pour changer l'état de lecture) Chanson suivante (passer à la chanson suivante) Lecture aléatoire (lire automatiquement la chanson suivante après la lecture de la chanson en cours) Boucle unique (cliquez sur

25 Mar 2017

Lors de la lecture de chansons, nous constaterons que sa compatibilité n'est pas très bonne. Par exemple, le lecteur Flash qui peut être joué sur IE n'est pas une bonne application sur Firefox ou Chrome à cause de l'obstruction des plug-ins. a rendu tout cela possible Possible, mais même si le lecteur joue, nous devons toujours faire attention à l'expérience utilisateur, nous avons donc écrit un lecteur compatible HTML ! Il est rétrocompatible avec IE6-9, Chrome, Firefox, Opera et d'autres lecteurs grand public. Il devrait être entièrement compatible ! Le code du principe de mise en œuvre est présenté à tous !

22 Oct 2023

Comment implémenter le lecteur de musique et l'affichage des paroles dans uniapp Dans uniapp, vous pouvez implémenter le lecteur de musique et l'affichage des paroles en utilisant le composant uni-player et le composant personnalisé. Cet article présentera en détail comment utiliser le composant uni-player pour réaliser la lecture de musique et comment personnaliser le composant pour afficher les paroles, et fournira des exemples de code correspondants. Pour implémenter le lecteur de musique, nous devons d'abord introduire le composant uni-player dans la page uniapp. Le code est le suivant : <templ.

08 Apr 2024

1. Ouvrez QQ Music et les options de configuration apparaîtront. 2. Recherchez les paramètres généraux. 3. Cliquez sur l'option paroles. 4. Sélectionnez la méthode d'alignement. 5. Après la sélection, nous pouvons nous référer à l'exemple d'affichage de référence des paroles ci-dessous.

03 Jul 2024

Dans Migu Music, de nombreuses chansons en langue étrangère ont des fonctions de traduction. En comprenant les paroles, les utilisateurs peuvent ressentir plus profondément l'atmosphère et l'émotion des chansons, améliorer leur immersion et leur plaisir de la musique, et également améliorer leur expérience musicale et leur effet d'apprentissage, ce qui les aide. les utilisateurs élargissent leurs horizons musicaux. Si vous vous demandez où activer la traduction des paroles, ne manquez pas ce tutoriel ! La première étape pour traduire les paroles de Migu Music est d'ouvrir l'application Migu Music et de cliquer pour entrer la chanson. La deuxième étape consiste à cliquer sur un espace vide. La troisième étape consiste à cliquer sur Traduire. La quatrième étape consiste à visualiser la traduction des paroles.

09 May 2023

La musique de fond et les paroles sont l’un des éléments couramment utilisés dans la conception de sites Web et peuvent rendre le site Web plus attrayant et personnalisé. Dans cet article, nous allons vous montrer comment ajouter une musique de fond et des paroles à votre site Web via JavaScript. 1. Ajouter une musique de fond Afin d'ajouter une musique de fond, nous devons créer un élément HTML pour héberger l'audio. Les éléments audio peuvent être créés en utilisant le code suivant : ```html<audio id="audio" src="music.mp3"></audio>```Cela créera un

11 Aug 2021

Afin de rendre une page web plus attractive, il est parfois nécessaire d’insérer de la musique dans la page web. Ci-dessous, le site Web PHP chinois partagera avec vous 8 effets de lecteur de musique, sympas et pratiques, rendant vos pages Web plus interactives. Vous êtes invités à partager et à télécharger ~.

11 Jun 2024

Étape 1 : Tout d'abord, ouvrons MOO Music et cliquons sur play dans le coin supérieur gauche (comme indiqué sur l'image). Étape 2 : Recherchez ensuite la chanson que vous souhaitez écouter dans le champ de recherche. Après avoir cliqué, une icône d'enregistrement apparaîtra dans le coin inférieur gauche (comme indiqué sur l'image). Étape 3 : Enfin, nous cliquons pour accéder à la page de lecture. Vous pouvez voir les paroles de la chanson en cours dans le coin supérieur gauche de la page (comme indiqué sur l'image).