支付寶小程序API 視頻播放

2020-09-16 15:49 更新

my.createVideoContext

簡(jiǎn)介

my.createVideoContext 是傳入 video id,返回一個(gè) videoContext 上下文的 API。video id 為開發(fā)者在對(duì)應(yīng) video 標(biāo)簽中自由命名的 ID 屬性。

通過(guò) videoContext 可以操作一個(gè) video 組件。

使用限制

基礎(chǔ)庫(kù) 1.10.0 或更高版本;支付寶客戶端 10.1.32 或更高版本,若版本較低,建議采取 兼容處理。

掃碼體驗(yàn)

掃碼12345.png

效果示例

123.png

示例代碼

開發(fā)者在 .axml 文件中寫入如下代碼,命名 video id。video id 為開發(fā)者在對(duì)應(yīng) video 標(biāo)簽中自由命名的 ID 屬性,例如下方代碼中的 myVideo 。

<view>


<!-- onPlay 的類型是 EventHandle。為當(dāng)開始/繼續(xù)播放時(shí)觸發(fā) play 事件。 -->
  <video id="myVideo" src="{{src}}" onPlay="{{onPlay}}" enableNative="{{true}}"></video>
   <button type="default" size="defaultSize" onTap="play"> Play </button>
   <button type="default" size="defaultSize" onTap="pause"> Pause </button>
   <button type="default" size="defaultSize" onTap="stop"> stop </button>
   <button type="default" size="defaultSize" onTap="seek"> seek </button>
   <button type="default" size="defaultSize" onTap="requestFullScreen"> requestFullScreen </button>
   <button type="default" size="defaultSize" onTap="exitFullScreen"> exitFullScreen </button>
   <button type="default" size="defaultSize" onTap="mute"> mute </button>
   <button type="default" size="defaultSize" onTap="playbackRate"> playbackRate </button>
</view>

開發(fā)者在 .js 文件中寫入如下代碼:

Page({
  data: {


  // src 為要播放的視頻資源地址,支持優(yōu)酷視頻編碼(支付寶客戶端 10.1.75)。src 支持的協(xié)議如下:vid/showId: XMzg2Mzc5MzMwMA== apFilePath: https://resource/xxx.video。
    src: "XNDM0OTQzMDc2OA==",
  },
  onLoad() {
    this.videoContext = my.createVideoContext('myVideo');
  },


  play() {
    this.videoContext.play();
  },


  pause() {
    this.videoContext.pause();
  },

  
  stop() {
    this.videoContext.stop();
  },

  
  seek() {
    this.videoContext.seek(100);
  },

  
  requestFullScreen() {
    this.videoContext.requestFullScreen({
      direction: 0
    });
  },

  
  exitFullScreen() {
    this.videoContext.exitFullScreen();
  },

  
  mute() {
    this.videoContext.mute(false);
  },

  
  playbackRate() {
    this.videoContext.playbackRate(1.5);
  },

  
});
videoContext 方法列表

方法 參數(shù) 類型 描述
play 無(wú) - 播放。
pause 無(wú) - 暫停。
stop 無(wú) - 停止。
seek position Number 跳轉(zhuǎn)到指定位置,單位為秒(s)。
requestFullScreen direction Number 進(jìn)入全屏。0 為正常豎屏。90 為橫屏。-90 為反向橫屏。
exitFullScreen 無(wú) - 退出全屏。
showStatusBar 無(wú) - 顯示狀態(tài)欄,僅在 iOS 全屏下有效。
hideStatusBar 無(wú) - 隱藏狀態(tài)欄,僅在 iOS 全屏下有效。
mute ison Boolean 切換靜音狀態(tài)。
playbackRate rate Number 設(shè)置倍速播放 (0.5 <= rate <= 2.0)。

錯(cuò)誤碼

錯(cuò)誤碼 描述 解決方案
1 未知錯(cuò)誤。 -
400 讀 ups 信息超時(shí)。 檢查讀 ups 信息。
1002 播放器內(nèi)部錯(cuò)誤。 檢查播放器內(nèi)部。
1005 網(wǎng)絡(luò)連接失敗。 檢查網(wǎng)絡(luò)連接。
1006 數(shù)據(jù)源錯(cuò)誤。 檢查數(shù)據(jù)源。
1007 播放器準(zhǔn)備失敗。 檢查播放器。
1008 網(wǎng)絡(luò)錯(cuò)誤。 檢查網(wǎng)絡(luò)。
1009 搜索視頻出錯(cuò)(源出錯(cuò)的一種)。 檢查源。
1010 準(zhǔn)備超時(shí),也可認(rèn)為是網(wǎng)絡(luò)太慢或數(shù)據(jù)源太慢導(dǎo)致的播放失敗。 檢查是否因網(wǎng)絡(luò)或數(shù)據(jù)原因?qū)е碌某瑫r(shí)錯(cuò)誤。
1023 播放中內(nèi)部錯(cuò)誤(FFmpeg 內(nèi)錯(cuò)誤)。 檢查 FFmpeg。
2004 播放過(guò)程中加載時(shí)間超時(shí)。 檢查并重試。
3001 audio 渲染出錯(cuò)。 檢查 audio 渲染。
3002 硬解碼錯(cuò)誤。 檢查硬解碼。

支持格式

支持的視頻封裝格式

iOS、Android 支持以下視頻封裝格式: MP4、mov、m4v、3gp、m3u8、flv 。

支持的編碼格式

iOS、Android 支持以下編碼格式: H.264、AAC。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)