Exemple d'applet WeChat utilisant un composant audio pour lire de la musique

Nous avons déjà partagé de nombreux tutoriels sur les mini-programmes WeChat. Dans cet article, nous présentons principalement la fonction d'utilisation du composant audio des mini-programmes WeChat pour lire de la musique et analysons les compétences opérationnelles liées au composant audio de WeChat. des mini programmes pour lire de la musique en ligne sous forme d'exemples, et livrés avec le code source pour que les lecteurs puissent le télécharger pour référence. Les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.

1. Affichage des effets

2.

① index.wxml

Copier le code Le code est le suivant :

<audio src="{{audioSrc}}" poster="{{audioPoster}}" name="{{audioName}}" author="{{audioAuthor}}" controls></audio>

② index.js

Page({
 data: {
   audioPoster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
   audioName: '此时此刻',
   audioAuthor: '许巍',
   audioSrc: 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46',
 }
})

L'avez-vous déjà appris ? Dépêchez-vous et essayez-le vous-même.

Recommandations associées :

Implémentation fonctionnelle de modèles définis par l'utilisateur pour les mini-programmes WeChat

Mini-programme WeChat qui implémente le fonction d'onglet Programme

L'exemple de projet de mini-programme WeChat le plus complet

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!