亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

[微信音頻播放器] html5 audio 制作的微信播放器

MycLambert / 2437人閱讀

摘要:一個(gè)簡(jiǎn)單的微信樣式播放器播放器及是微信里內(nèi)置的音頻播放器的樣式,重新創(chuàng)建了控制層,方便在在公眾號(hào),等場(chǎng)景使用。

weixinAudio.js 一個(gè)簡(jiǎn)單的微信樣式播放器

播放器DOM及CSS是微信里內(nèi)置的音頻播放器的樣式,重新創(chuàng)建了控制層js,方便在在公眾號(hào),APP等場(chǎng)景使用。

例子

demo

地址

github

如何使用

通過以下demo來(lái)實(shí)現(xiàn)

HTML模板

3:07 標(biāo)題 來(lái)源

Js調(diào)用
//你需要先引入一個(gè)jQuery


options/初始化參數(shù)
Option Type Default Description
autoplay Boolean false 播放器是否在初始化時(shí)自動(dòng)播放
src String 如果audio標(biāo)簽上沒設(shè)定src屬性,可在初始化時(shí)設(shè)置
API/執(zhí)行方法
Method Parameters Description
play() 播放方法
pause() 暫停方法
changsrc() src,callback src:播放的地址;callback:回調(diào)函數(shù)

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/86473.html

相關(guān)文章

  • 開發(fā) | 微信小程序audio音頻播放組件+api_wx.createAudioContext

    摘要:引言是微信小程序中的音頻組件,可以輕松實(shí)現(xiàn)小程序中播放停止音頻等自定義動(dòng)作。 引言: audio是微信小程序中的音頻組件,可以輕松實(shí)現(xiàn)小程序中播放/停止音頻等自定義動(dòng)作。 附上微信小程序audio組件的相關(guān)屬性說(shuō)明:https://mp.weixin.qq.com/debu... 本次將通過小程序audio的 poster、name、author、src、id、controls 屬性,...

    gekylin 評(píng)論0 收藏0
  • 微信開發(fā)之微信jssdk錄音功能開發(fā)

    項(xiàng)目需求簡(jiǎn)單描述 用戶長(zhǎng)按錄音,松手后直接結(jié)束錄音,結(jié)束錄音后,用戶可以選擇重新錄音、播放剛才的錄音,上傳錄音(這里的上傳錄音指上傳到自己服務(wù)器,上傳步驟是,前端調(diào)用wx.uploadVoice,后臺(tái)再到微信服務(wù)器下載音頻文件,上傳到自己的服務(wù)器)。注意,音頻文件自上傳時(shí)間算起在微信服務(wù)器的有效期為3天。由于后臺(tái)從微信服務(wù)器下載的音頻文件是amr格式的,需要后臺(tái)先把a(bǔ)mr文件轉(zhuǎn)換成MP3,前端用a...

    bingchen 評(píng)論0 收藏0
  • Vue+ElementUI: 手把手教你做一個(gè)audio組件

    摘要:不顯示下載不顯示靜音不顯示音量條不顯示進(jìn)度條只能播放一個(gè)不要快進(jìn)按鈕例如父組件這樣回雪月花青春一點(diǎn)點(diǎn)語(yǔ)法大多數(shù)時(shí)候,我們希望頁(yè)面上播放一個(gè)音頻時(shí),其他音頻可以暫停??梢园岩粋€(gè)類數(shù)組轉(zhuǎn)化成數(shù)組,這個(gè)是我常用的。 showImg(https://segmentfault.com/img/remote/1460000016177005?w=619&h=343); 目的 本項(xiàng)目的目的是教你如...

    U2FsdGVkX1x 評(píng)論0 收藏0
  • 微信web開發(fā)遇到的坑

    摘要:由于蘋果的限制必須配合微信接口做處理。中已修復(fù)標(biāo)簽的設(shè)置,會(huì)影響二維碼識(shí)別我試出來(lái)的微信客戶端內(nèi),如果頁(yè)面鏈接中含有未轉(zhuǎn)碼的特殊字符,可能會(huì)導(dǎo)致二維碼無(wú)法識(shí)別以上如果遇到新的問題會(huì)繼續(xù)更新 緩存控制 http接口數(shù)據(jù)緩存 一直在做spa,應(yīng)用內(nèi)的頁(yè)面切換沒有接口數(shù)據(jù)緩存的問題,而從應(yīng)用內(nèi)切換到外部再回來(lái)的話,如果接口地址參數(shù)都不變,那么之前請(qǐng)求過的接口,會(huì)使用上一次請(qǐng)求拿到的數(shù)據(jù),抓包...

    caige 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<