摘要:一個簡單的微信樣式播放器播放器及是微信里內(nèi)置的音頻播放器的樣式,重新創(chuàng)建了控制層,方便在在公眾號,等場景使用。
weixinAudio.js 一個簡單的微信樣式播放器
播放器DOM及CSS是微信里內(nèi)置的音頻播放器的樣式,重新創(chuàng)建了控制層js,方便在在公眾號,APP等場景使用。
例子demo
地址github
如何使用通過以下demo來實(shí)現(xiàn)
HTML模板Js調(diào)用3:07 標(biāo)題 來源
//你需要先引入一個jQueryoptions/初始化參數(shù)
Option | Type | Default | Description |
---|---|---|---|
autoplay | Boolean | false | 播放器是否在初始化時自動播放 |
src | String | — | 如果audio標(biāo)簽上沒設(shè)定src屬性,可在初始化時設(shè)置 |
Method | Parameters | Description |
---|---|---|
play() | — | 播放方法 |
pause() | — | 暫停方法 |
changsrc() | src,callback | src:播放的地址;callback:回調(diào)函數(shù) |
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/86473.html
摘要:引言是微信小程序中的音頻組件,可以輕松實(shí)現(xiàn)小程序中播放停止音頻等自定義動作。 引言: audio是微信小程序中的音頻組件,可以輕松實(shí)現(xiàn)小程序中播放/停止音頻等自定義動作。 附上微信小程序audio組件的相關(guān)屬性說明:https://mp.weixin.qq.com/debu... 本次將通過小程序audio的 poster、name、author、src、id、controls 屬性,...
項(xiàng)目需求簡單描述 用戶長按錄音,松手后直接結(jié)束錄音,結(jié)束錄音后,用戶可以選擇重新錄音、播放剛才的錄音,上傳錄音(這里的上傳錄音指上傳到自己服務(wù)器,上傳步驟是,前端調(diào)用wx.uploadVoice,后臺再到微信服務(wù)器下載音頻文件,上傳到自己的服務(wù)器)。注意,音頻文件自上傳時間算起在微信服務(wù)器的有效期為3天。由于后臺從微信服務(wù)器下載的音頻文件是amr格式的,需要后臺先把a(bǔ)mr文件轉(zhuǎn)換成MP3,前端用a...
摘要:不顯示下載不顯示靜音不顯示音量條不顯示進(jìn)度條只能播放一個不要快進(jìn)按鈕例如父組件這樣回雪月花青春一點(diǎn)點(diǎn)語法大多數(shù)時候,我們希望頁面上播放一個音頻時,其他音頻可以暫停??梢园岩粋€類數(shù)組轉(zhuǎn)化成數(shù)組,這個是我常用的。 showImg(https://segmentfault.com/img/remote/1460000016177005?w=619&h=343); 目的 本項(xiàng)目的目的是教你如...
摘要:由于蘋果的限制必須配合微信接口做處理。中已修復(fù)標(biāo)簽的設(shè)置,會影響二維碼識別我試出來的微信客戶端內(nèi),如果頁面鏈接中含有未轉(zhuǎn)碼的特殊字符,可能會導(dǎo)致二維碼無法識別以上如果遇到新的問題會繼續(xù)更新 緩存控制 http接口數(shù)據(jù)緩存 一直在做spa,應(yīng)用內(nèi)的頁面切換沒有接口數(shù)據(jù)緩存的問題,而從應(yīng)用內(nèi)切換到外部再回來的話,如果接口地址參數(shù)都不變,那么之前請求過的接口,會使用上一次請求拿到的數(shù)據(jù),抓包...
閱讀 3969·2021-11-24 09:38
閱讀 1444·2021-11-19 09:40
閱讀 2788·2021-11-18 10:02
閱讀 3717·2021-11-09 09:46
閱讀 1785·2021-09-22 15:27
閱讀 3125·2019-08-29 15:24
閱讀 1014·2019-08-29 12:40
閱讀 1695·2019-08-28 18:24