微信小程序> 小程序开发API之视频保存、选择及操作视频VideoContext对象

小程序开发API之视频保存、选择及操作视频VideoContext对象

浏览量:6474 时间: 来源:钢丝球 M.Siebel

效果展示


小程序

wx.saveVideoToPhotosAlbum(Object object)

保存视频到系统相册,调用前需要 用户授权 scope.writePhotosAlbum
saveVideoToPhotosAlbum参数小程序

wx.chooseVideo(Object object)

拍摄视频或从手机相册中选视频。
wx.chooseVideo参数小程序

object.sourceType 的合法值小程序

object.camera 的合法值小程序

object.success 回调函数参数 res小程序

wx.createVideoContext(string id, Object this)

创建 video 上下文 VideoContext 对象。

VideoContext对象

VideoContext 实例,可通过 wx.createVideoContext 获取。
videoContext 通过 id 跟一个  组件绑定,操作对应的  组件。

方法

VideoContext.play()

播放视频

VideoContext.pause()

暂停视频

VideoContext.stop()

停止视频

VideoContext.seek(number position)

跳转到指定位置
参数number position
跳转到的位置,单位 s

VideoContext.sendDanmu(Object data)

发送弹幕
弹幕内容参数小程序

VideoContext.playbackRate(number rate)

设置倍速播放
参数number rate
倍率,支持 0.5/0.8/1.0/1.25/1.5

VideoContext.requestFullScreen(Object object)

进入全屏
requestFullScreen参数小程序

object.direction 的合法值小程序

VideoContext.exitFullScreen()

退出全屏

VideoContext.showStatusBar()

显示状态栏,仅在iOS全屏下有效

VideoContext.hideStatusBar()

隐藏状态栏,仅在iOS全屏下有效

示例
效果展示


小程序

代码

index.wxml

<video id="myVideo" src='{{src}}' enable-danmu></video><button bindtap='btnClick3' type="primary">播放视频</button><button bindtap='btnClick4' type="primary">暂停视频</button><button bindtap='btnClick5' type="primary">停止视频</button><button bindtap='btnClick6' type="primary">跳转到指定位置</button><button bindtap='btnClick7' type="primary">发送弹幕</button><button bindtap='btnClick8' type="primary">设置倍速播放</button><button bindtap='btnClick1' type="primary">保存图片到系统相册</button><button bindtap='btnClick2' type="primary">拍摄视频或从手机相册中选视频</button>

index.wxss

button{  margin: 20rpx;  font-size: 30rpx;}video{  margin-left: 60rpx;}

index.js

Page({  data: {    src: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400'//不支持静态文件资源播放  },  //自定义提示框  alertView: function(text){    wx.showToast({      title: text,      icon:'none'    })  },  onReady(res) {    this.videoContext = wx.createVideoContext('myVideo')  },  //保存图片到系统相册  btnClick1:function(){    var that = this    wx.saveVideoToPhotosAlbum({      filePath: 'images/video.mp4',      success(res) {        that.alertView('保存成功')      }    })  },  //拍摄视频或从手机相册中选视频。  btnClick2: function () {    var that = this    wx.chooseVideo({      sourceType: ['album', 'camera'],      maxDuration: 60,      camera: 'back',      success(res) {        console.log(res.tempFilePath)        that.setData({          src: res.tempFilePath        })      }    })  },  //播放视频  btnClick3: function () {    this.videoContext.play()  },  //暂停视频  btnClick4: function () {    this.videoContext.pause()  },  //停止视频  btnClick5: function () {    this.videoContext.stop()  },  //跳转到指定位置  btnClick6: function () {    this.videoContext.seek(10)  },  //发送弹幕  btnClick7: function () {    this.videoContext.sendDanmu({      text:'我是弹幕',      color:'#123219'    })  },  //设置倍速播放  btnClick8: function () {    this.videoContext.playbackRate(1.5)  }})





版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎