Heim > WeChat-Applet > Mini-Programmentwicklung > Beispiel eines WeChat-Applets, das eine Audiokomponente zum Abspielen von Musik verwendet

Beispiel eines WeChat-Applets, das eine Audiokomponente zum Abspielen von Musik verwendet

小云云
Freigeben: 2018-05-24 10:57:17
Original
13259 Leute haben es durchsucht

Wir haben bereits viele Tutorials zu WeChat-Miniprogrammen geteilt. In diesem Artikel stellen wir hauptsächlich die Funktion der Verwendung der Audiokomponente von WeChat-Miniprogrammen zum Abspielen von Musik vor und analysieren die Bedienungsfähigkeiten im Zusammenhang mit der Audiokomponente von WeChat Miniprogramme zum Abspielen von Online-Musik in Form von Beispielen und mit Quellcode für Leser können ihn als Referenz herunterladen. Ich hoffe, er kann jedem helfen.

1. Effektanzeige

2. Tastencode

① index.wxml

Code kopieren Der Code lautet wie folgt:

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

② index.js

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

Hast du es schon gelernt? Beeilen Sie sich und probieren Sie es selbst aus.

Verwandte Empfehlungen:

Funktionale Implementierung benutzerdefinierter Vorlagen für WeChat-Miniprogramme

WeChat-Miniprogramm, das das implementiert Tab-Funktion Programm

Das umfassendste WeChat-Miniprogramm-Projektbeispiel

Das obige ist der detaillierte Inhalt vonBeispiel eines WeChat-Applets, das eine Audiokomponente zum Abspielen von Musik verwendet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage