微信小程式 Audio API
沒啥可值得太注意的地方
重要屬性:
1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態
2.wx.playBackgroundAudio(object)播放音樂
3.wx.pauseBackgroundAudio()暫停音樂
4.wx.seekBackgroundAudio(object) 設定播放進度
5.wx.stopBackgroundAudio()停止播放音樂
三個監聽器:
wxml
<button type="primary" bindtap="listenerButtonPlay">播放</button >
<button type="primary" bindtap="listenerButtonPause">暫停</button>
<button type="primary" bindtap="listenerButtonSeek">設定播放進度</button>
<button type="primary" bindtap="listenerButtonStop">停止播放</button>
<button type="primary" bindtap="listenerButtonGetPlayState"> 獲取播放狀態</button>
- 1
- 2
- 3
- 4
- 5
- 1
- 2
- 3
- 4
- 5
js
Page({
data:{
// text:"這是一個頁面"
},
listenerButtonPlay: function() {
wx.playBackgroundAudio({
//播放地址
dataUrl: 'http://sc1.111ttt.com/2016/1/09/28/202280605509.mp3',
//title 音樂名字
title: '青雲志',
//圖片地址
coverImgUrl: 'http://r1.ykimg.com/050E0000576B75F667BC3C136B06E4E7'
})
},
/**
* 播放狀態
*/
listenerButtonGetPlayState: function() {
wx.getBackgroundAudioPlayerState({
success: function(res) {
console.log(res)
//duration 總時長
//currentPosition 當前播放位置
//status 播放狀態
//downloadPercent 下載狀況 100 即為100%
//dataUrl 當前播放音樂地址
}
})
},
/**
* 監聽button暫停按鈕
*/
listenerButtonPause: function() {
wx.pauseBackgroundAudio();
},
/**
* 設定進度
*/
listenerButtonSeek: function() {
wx.seekBackgroundAudio({
position: 30
})
},
/**
*停止播放
*/
listenerButtonStop: function() {
wx.stopBackgroundAudio()
},
onLoad:function(options){
// 頁面初始化 options為頁面跳轉所帶來的引數
/**
* 監聽音樂播放
*/
wx.onBackgroundAudioPlay(function() {
console.log('onBackgroundAudioPlay')
})
/**
* 監聽音樂暫停
*/
wx.onBackgroundAudioPause(function() {
console.log('onBackgroundAudioPause')
})
/**
* 監聽音樂停止
*/
wx.onBackgroundAudioStop(function() {
console.log('onBackgroundAudioStop')
})
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關閉
}
})
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
- 73
- 74
- 75
- 76
- 77
- 78
- 79
- 80
- 81
- 82
- 83
- 84
- 85
- 86
- 87
- 88
- 89
- 90
相關推薦
微信小程式 Audio API
沒啥可值得太注意的地方 重要屬性: 1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態 2.wx.playBackgroundAudio(object)播放音樂 3.wx.pauseBackgroundAudio()暫停音樂 4.wx.seek
微信小程式封裝API請求函式的實踐
基礎函式 基礎函式的作用是將 wx.request 封裝成 Promise 物件,通過 export 對外輸出。 /** * 請求業務介面基本方法 * * @param {Object} [data={}] - 對應wx.request裡data引數 * @param {Object} [
微信小程式非同步API為Promise簡化非同步程式設計
把微信小程式非同步API轉化為Promise。用Promise處理非同步操作有多方便,誰用誰知道。 微信官方沒有給出Promise API來處理非同步操作,而官方API非同步的又非常多,這使得多非同步程式設計會層層回撥,程式碼一複雜,回撥起來就想砸電腦。 於是寫了
微信小程式使用api接受資料
1:首先找一個api網站 現在百度免費體驗的api還是挺多的,直接搜尋就行了 例如我用的這個聚合或者idataapi,下面我就用聚合這個舉例: 開啟聚合找一個api(這個有免費贈送100次,不用認證) 點進去,然後進行測試 選擇一個介面 然後填寫引數
微信小程式通過api介面將json資料展現到小程式示例
實現知乎客戶端的一個重要知識前提就是,要知道怎麼通過知乎新聞的介面,來把資料展示到微信小程式端上。 那麼我們這一就先學習一下,如何將介面獲取到的資料展示到微信小程式上。 1.用到的知識點 <1> wx.request 請求介面資源(微信小程式api中的發
微信小程式通過api介面將json資料展現
輪播圖 <view> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" class="banners" interval="{{interval}}" duration="{{durat
微信小程式外部API呼叫方法,遇到的一個小問題
最近對微信小程式比較感興趣,想寫一個查詢車輛違章記錄的小程式。在呼叫外部介面時需要,appcode 這種authoriztion。發現微信小程式的 ajax請求使用這種方式不起作用。改為直接在head
微信小程式 animation API
動畫水還是比較深的,這裡只是簡單介紹下小程式中動畫的一些屬性和注意事項,做動畫前一定要整理好思路將動畫一步步分解,再進行組合!這裡只做引入。 wx.createAnimation(object) 看官方介紹 1.建立一個動畫例項animation。呼叫例項的方法來描
【微信小程式】API之網路(一)發起請求
週末很早起來了,折騰一上午終於把小demo搞定了。1.微信小程式的發起網路請求,使用wx.request(OBJECT),OBJECT的引數說明如下引數名型別必填預設值說明urlString是開發者伺服
微信小程式—audio(音訊)
今天來介紹一下微信小程式中音訊播放控制元件–audio 1.效果圖如下, 2.index.js中: //index.js //獲取應用例項 const app = getApp()
微信小程式獲取API實現功能
微信小程式漸漸覆蓋生活的方方面面,工具類小程式也由於它實用與方便結合的優勢受到大眾追捧,小程式通過開放的API完善自身功能,類似獲取地圖API可以通過小程式獲取定位,通過。製作要點有nodejs,百度翻譯api,騰訊雲伺服器,ssl證書,nginx反向代理nodejs專案。下
微信小程式之音樂控制播放(audio的API)
一.小知識 1.wx.getBackgroundAudioPlayerState(OBJECT):獲取後臺音樂播放狀態。 wx.getBackgroundAudioPlayerState({
微信小程式把玩(三十四)Audio API
沒啥可值得太注意的地方 重要屬性: 1. wx.getBackgroundAudioPlayerState(object) 獲取播放狀態 2.wx.playBackgroundAu
微信小程式元件:audio及api
一、audio標籤 audio為小程式中的音訊元件,我們可以輕鬆的在小程式中播放音訊。 下面是元件的相關屬性的說明 屬性 型別 預設值 說明 id String video 元件的唯一識別符號 sr
微信小程式API-裝置-手機聯絡人
wx.addPhoneContact(OBJECT) 基礎庫 1.2.0 開始支援,低版本需做相容處理 呼叫後,使用者可以選擇將該表單以“新增聯絡人”或“新增到已有聯絡人”的方式,寫入手機系統通訊錄,完成手機通訊錄聯絡人和聯絡方式的增加。 OBJECT引數說明:
微信小程式API-裝置- 網路狀態
wx.getNetworkType(OBJECT) 獲取網路型別。 OBJECT引數說明: 引數 型別 必填 說明 success Function 是 介面呼叫成功
微信小程式API-裝置-系統資訊
wx.getSystemInfo(OBJECT) 獲取系統資訊。 OBJECT引數說明: 引數 型別 必填 說明 success Function 是 介面呼叫成功的回撥
微信小程式API 資料快取
每個微信小程式都可以有自己的本地快取,可以通過wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以對本地快取進行設定、獲取和清理。同一個微信
微信小程式API 檔案
wx.saveFile(OBJECT) 儲存檔案到本地。 OBJECT引數說明: 引數 型別 必填 說明 tempFilePath String 是 需要儲存的檔案的
利用微信小程式(小遊戲)API製作適配cocos creator小遊戲排行榜的例項程式
cocos creator 可以通過新建一個creator專案進行新增子域專案,但是有一個缺點就是佔用檔案大小是一個問題,所以我這裡採用微信的API進行繪製排行榜, 主域就是各種傳送給子域的訊息,這裡不再這裡贅述,就是各種呼叫微信的API 這裡給出微信的API 微信開放資料域 新建m