2023年微信小程序媒體組件 audio
在設(shè)計企業(yè)的移動端應(yīng)用時,音頻功能是一項不可或缺的元素。而微信小程序媒體組件 audio 提供了一個方便簡潔的解決方案。除了基本的播放、暫停、設(shè)置當前播放時間以及回到開頭等功能,還支持是否循環(huán)播放、控制面板和媒體錯誤處理等操作。
2. 快速集成微信小程序媒體組件 audio快速開始使用小程序媒體組件 audio 的方法如下:
- 第一步,在 wxml 文件中添加 audio 元素并配置 src 屬性
<audio src="{{src}}" id="myAudio" controls loop></audio>
- 第二步,在 js 文件中初始化 audio 上下文 context 并設(shè)定相關(guān)事件處理函數(shù)
Page({
onReady: function (e) {
// 獲取 audio 上下文 context
this.audioCtx = wx.createAudioContext('myAudio')
},
data: {
src: 'http://example.com/xxx.mp3',
},
audioPlay: function () {
this.audioCtx.play()
},
audioPause: function () {
this.audioCtx.pause()
}
})
3. 小程序媒體組件 audio 的詳細屬性和事件列表
小程序媒體組件 audio 提供多種屬性和事件,使得開發(fā)音頻應(yīng)用更加方便。下面列出了所有的屬性和事件:
- id: audio 組件的唯一標識符
- src: 要播放音頻的資源地址
- loop: 是否循環(huán)播放
- controls: 是否顯示默認控件
- poster: 默認控件上的音頻封面的圖片資源地址,如果 controls 屬性值為false則設(shè)置 poster 無效
- name: 默認控件上的音頻名字,如果 controls 屬性值為false則設(shè)置 name 無效
- author: 默認控件上的作者名字,如果 controls 屬性值為false則設(shè)置 author 無效
- binderror: 當發(fā)生錯誤時觸發(fā) error 事件,detail = {errMsg: MediaError.code}
- bindplay: 當開始/繼續(xù)播放時觸發(fā) play 事件
- bindpause: 當暫停播放時觸發(fā) pause 事件
- bindtimeupdate: 當播放進度改變時觸發(fā) timeupdate 事件,detail = {currentTime, duration}
- bindended: 當播放到末尾時觸發(fā) ended 事件
小程序媒體組件 audio 的常見錯誤碼如下:
返回錯誤碼 | 描述 |
---|---|
MEDIA_ERR_ABORTED | 獲取資源被用戶禁止 |
MEDIA_ERR_NETWORD | 網(wǎng)絡(luò)錯誤 |
MEDIA_ERR_DECODE | 解碼錯誤 |
MEDIA_ERR_SRC_NOT_SUPPOERTED | 不合適資源 |
小程序媒體組件 audio 提供了一系列方便
<本文由himall原創(chuàng),商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請標明:himall原創(chuàng)>
滿足不同行業(yè)發(fā)展電商的需求,HiMall更有針對性的提供不同行業(yè)內(nèi)的電商解決方案
-
跨境電商解決方案
支持直郵/保稅模式
對接海關(guān)/保稅倉
支持多國國際語言
對接Paypal國際支付
幫助跨境外貿(mào)企業(yè)搭建跨境進口/出口電商平臺,搶占國際電商市場,針對企業(yè)需求定制個性化跨境電商解決方案 -
分賬解決方案
迎合金融監(jiān)管要求
規(guī)避“二清”結(jié)算
節(jié)約平臺財務(wù)成本
降低平臺招商成本
在合法、合規(guī)的前提下,為電商平臺提供資金收付、賬戶管理、資金合規(guī)等一體化整體解決方案 -
B2B批發(fā)解決方案
多級階梯批發(fā)價
布局全渠道批發(fā)入口
專屬批發(fā)訂貨市場
銀聯(lián)B2B大額支付
為企業(yè)快速搭建綜合性B2B批發(fā)電商平臺,整合線下批發(fā)資源,拓展線上批發(fā)渠道,實現(xiàn)批發(fā)業(yè)務(wù)24小時在線經(jīng)營
-
MRO工業(yè)品采購平臺系統(tǒng)|MRO工業(yè)品采購平臺系統(tǒng)有哪些功能
最新消息:MRO工業(yè)品采購平臺系統(tǒng) 是一款集產(chǎn)、研、銷于一體的綜合性解決方案,專為解決工業(yè)品企業(yè)的采購難題而設(shè)計。該系統(tǒng)通過...詳情
-
電子元器件采購商城系統(tǒng)|電子元器件采購商城系統(tǒng)有哪些功能
最新消息:電子元器件采購商城系統(tǒng) 是專為滿足電子元器件行業(yè)復雜業(yè)務(wù)流程需求而設(shè)計的綜合性平臺。它不僅提供了全面的技術(shù)支持...詳情
【本站聲明】
1、本網(wǎng)站發(fā)布的該篇文章,目的在于分享電商知識及傳遞、交流相關(guān)電商信息,以便您學習或了解電商知識,請您不要用于其他用途;
2、該篇文章中所涉及的商標、標識的商品/服務(wù)并非來源于本網(wǎng)站,更非本網(wǎng)站提供,與本網(wǎng)站無關(guān),系他人的商品或服務(wù),本網(wǎng)站對于該類商標、標識不擁有任何權(quán)利;
3、本網(wǎng)站不對該篇文章中所涉及的商標、標識的商品/服務(wù)作任何明示或暗示的保證或擔保;
4、本網(wǎng)站不對文章中所涉及的內(nèi)容真實性、準確性、可靠性負責,僅系客觀性描述,如您需要了解該類商品/服務(wù)詳細的資訊,請您直接與該類商品/服務(wù)的提供者聯(lián)系。