原文:微信小程序音頻播放 InnerAudioContext 的用法

今天項目上涉及到了微信小程序播放音頻功能,所以今天跟着一些教程做了個簡單的播放器 實現思路 剛開始想着有沒有現成的組件可以直接用,找到了微信的媒體組件 audio,奈何看着 . . 版本開始,該組件不再維護。就百度了一下,還好有另一種方式,使用InnerAudioContext 來實現音頻播放 界面預覽 點擊播放,播放按鈕改變為暫停,播放后展示進度條,可 拖動 點擊 進度條實現進度控制,可設置倍速 ...

2022-02-12 17:57 1 2366 推薦指數:

查看詳情

程序音頻InnerAudioContext)總時長獲取問題

出現的問題: 存在多首音頻時,第一次獲取時長為0,后面皆正常 音頻播放暫停切換時,音頻時長獲取錯位,獲取的時長是上一首音頻的時長(可能是個人代碼邏輯有問題) 解決辦法如下:(在獲取前進行如下操作) 實時長度可以用onTimeUpdate打印沒有問題,總長度目前只找到 ...

Sat Oct 31 05:18:00 CST 2020 0 1406
程序innerAudioContext接口

voice:function(){ var word = this.data.word; var src = 'https://……/'+word['word']+'.mp3'; console.log(src); this.innerAudioContext ...

Wed Jun 13 00:03:00 CST 2018 0 2889
程序之----audio音頻播放

audio audio為音頻組件,我們可以輕松的在程序播放音頻。 audio組件屬性如下: 屬性名 類型 默認值 說明 id String video 組件的唯一標識符 ...

Tue Nov 01 01:23:00 CST 2016 3 61059
程序音頻播放

程序音頻播放;不廢話直接上代碼: index.wxml index.wxss js代碼: ...

Fri Jun 02 18:15:00 CST 2017 2 7803
程序音頻播放

項目需求要做一個音頻播器的功能,但是要實現退出程序后還能播放,在聊天頂部出現正在播放的什么音頻播放標記。然后在網上找了相關的例子發現大多都是退出后音頻會暫停掉,不符合項目需求。查閱程序API文檔,發現可以使用wx.getBackgroundAudioManager ...

Thu Jul 26 21:44:00 CST 2018 1 7303
程序背景音頻播放

需求描述:上一篇寫到了 程序音頻播放的問題 我是應用了 一個播放的方法 wx.createAudioContext(audioId);這個方法不錯 但是一旦鎖頻后就無法在繼續播放 這次我們改進一下 當用戶鎖屏后仍然可以播放 ,那這里需要用的是程序的 背景音樂的 api了 代碼 ...

Thu Aug 03 23:51:00 CST 2017 1 2183
程序--錄制音頻播放音頻

1.在pages創建一個main文件夾2.在main文件夾下創建一個miain.js文件。添加代碼: 3.新建一個main.wxml文件添加代碼如下 ...

Wed Jan 31 02:43:00 CST 2018 0 928
程序 音頻播放

最近在項目中有寫到了一個音頻,在這里總結一下 首先傳送地址: https://developers.weixin.qq.com/miniprogram/dev/api/media/audio/InnerAudioContext.html 上邊是api 設計圖: 主要功能有:點擊播放 ...

Wed Jun 12 19:33:00 CST 2019 12 1375
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM