WeChat ミニ プログラムでオーディオ コンポーネントを使用する方法

この記事では、WeChat アプレットのオーディオ コンポーネントを使用して音楽を再生する機能を主に紹介し、オンライン音楽を再生するための WeChat アプレットのオーディオ コンポーネントに関連する操作スキルをサンプルの形で分析します。また、ソース コードも付属しています。読者が参照用にダウンロードできるようにします。必要な友人はそれを参照できます

この記事では、オーディオ コンポーネントを使用して音楽を再生する WeChat アプレットの例について説明します。ご参考までに、皆さんと共有してください:

キーコード

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

上記は皆さんのためにまとめたものです。将来。

関連記事:

vue でのこのポインティングの問題について (詳細なチュートリアル)

JavaScript で JSON データのグループ化の最適化を実装する方法

axios を使用してプログレスバー機能を備えた画像のアップロードを実装する方法

jQueryのValidateプラグインの使い方

js+cookieを使ってショッピングカート機能を実装する方法

Angular5.1の新機能の詳細な解釈

vuexの使い方メニュー管理を実装する

Vue Treeコンポーネントを使用した開発方法

vueを使用した数独ゲームの開発方法

IE8と互換性のあるwebpack3コンパイルの詳細な解釈（詳細なチュートリアル）

実装方法ノードを使用したファイル名の変更機能

js値のboolを変換するにはどうすればよいですか?

vueでrefsの位置を使用する方法

以上がWeChat ミニ プログラムでオーディオ コンポーネントを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。