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

MycLambert 發布于2019-08-21 10:57 / 2381人閱讀

摘要：一個簡單的微信樣式播放器播放器及是微信里內置的音頻播放器的樣式，重新創建了控制層，方便在在公眾號，等場景使用。

weixinAudio.js 一個簡單的微信樣式播放器

播放器DOM及CSS是微信里內置的音頻播放器的樣式，重新創建了控制層js，方便在在公眾號，APP等場景使用。

例子

demo

地址

github

如何使用

通過以下demo來實現

HTML模板

3:07 標題來源

Js調用

//你需要先引入一個jQuery

options/初始化參數

Option	Type	Default	Description
autoplay	Boolean	false	播放器是否在初始化時自動播放
src	String	—	如果audio標簽上沒設定src屬性，可在初始化時設置

API/執行方法

Method	Parameters	Description
play()	—	播放方法
pause()	—	暫停方法
changsrc()	src,callback	src:播放的地址;callback:回調函數

GPU云服務器云服務器 html5的微信頁面好用的微信短視頻制作軟件樓月微信語音播放器 js仿微信語音播放

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86473.html

開發 | 微信小程序audio音頻播放組件+api_wx.createAudioContext

摘要：引言是微信小程序中的音頻組件，可以輕松實現小程序中播放停止音頻等自定義動作。引言： audio是微信小程序中的音頻組件，可以輕松實現小程序中播放/停止音頻等自定義動作。附上微信小程序audio組件的相關屬性說明：https://mp.weixin.qq.com/debu... 本次將通過小程序audio的 poster、name、author、src、id、controls 屬性，...

gekylin 2019-08-15 14:01 評論0 收藏0
微信開發之微信jssdk錄音功能開發

項目需求簡單描述用戶長按錄音，松手后直接結束錄音，結束錄音后，用戶可以選擇重新錄音、播放剛才的錄音，上傳錄音（這里的上傳錄音指上傳到自己服務器，上傳步驟是，前端調用wx.uploadVoice，后臺再到微信服務器下載音頻文件，上傳到自己的服務器）。注意，音頻文件自上傳時間算起在微信服務器的有效期為3天。由于后臺從微信服務器下載的音頻文件是amr格式的，需要后臺先把amr文件轉換成MP3，前端用a...

bingchen 2019-08-23 12:28 評論0 收藏0
Vue+ElementUI: 手把手教你做一個audio組件

摘要：不顯示下載不顯示靜音不顯示音量條不顯示進度條只能播放一個不要快進按鈕例如父組件這樣回雪月花青春一點點語法大多數時候，我們希望頁面上播放一個音頻時，其他音頻可以暫停。可以把一個類數組轉化成數組，這個是我常用的。 showImg(https://segmentfault.com/img/remote/1460000016177005?w=619&h=343); 目的本項目的目的是教你如...

U2FsdGVkX1x 2019-08-22 11:19 評論0 收藏0
微信web開發遇到的坑

摘要：由于蘋果的限制必須配合微信接口做處理。中已修復標簽的設置，會影響二維碼識別我試出來的微信客戶端內，如果頁面鏈接中含有未轉碼的特殊字符，可能會導致二維碼無法識別以上如果遇到新的問題會繼續更新緩存控制 http接口數據緩存一直在做spa，應用內的頁面切換沒有接口數據緩存的問題，而從應用內切換到外部再回來的話，如果接口地址參數都不變，那么之前請求過的接口，會使用上一次請求拿到的數據，抓包...

caige 2019-08-21 11:42 評論0 收藏0