Comment utiliser les composants audio dans les mini-programmes WeChat

Cet article présente principalement la fonction d'utilisation du composant audio de l'applet WeChat pour lire de la musique et analyse les compétences opérationnelles liées au composant audio de l'applet WeChat pour lire de la musique en ligne sous forme d'exemples. code source que les lecteurs peuvent télécharger pour référence. Les amis dans le besoin peuvent s'y référer

L'exemple de cet article décrit l'utilisation du composant audio par l'applet WeChat pour lire de la musique. Partagez-le avec tout le monde pour votre référence, comme suit :

Code clé

① index.wxml

<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',
 }
})

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

À propos de ce problème de pointage dans vue (tutoriel détaillé)

Comment implémenter l'optimisation du regroupement de données JSON en Javascript

Comment utiliser axios pour télécharger des images avec une fonction de barre de progression

Comment utiliser le plug-in Validate dans jQuery

Comment utiliser js+cookie pour implémenter la fonction panier

Interprétation détaillée des nouvelles fonctionnalités d'Angular5.1

Comment utiliser Vuex pour implémenter la gestion des menus

Comment développer un composant arborescent à l'aide de Vue

Comment développer un jeu de Sudoku à l'aide vue

Interprétation détaillée de la compilation webpack3 compatible avec IE8 (tutoriel détaillé)

Comment implémenter la fonction renommer le fichier à l'aide de node

Comment convertir des valeurs booléennes en js ?

Comment utiliser le positionnement des références dans vue

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!