您的位置:网站主页> 个人总结 > 微信小程序中视屏播放器发表弹幕时视屏播放时间

微信小程序中视屏播放器发表弹幕时视屏播放时间

时间:2018-02-10 13:30:10   编辑:一切随缘   文章来源:编程入门教程 已阅读:140 次

编程入门教程[www.ask186.com]网站介绍 

    编程入门教程主要涉及WEB开发领域,主要为广大WEB开发人员提供最新的WEB开发资讯信息,包含php教程mysql教程php面试题在线调色板php学习以及常用( Amazon ApiGoogle Api)等API、爱问资源共享HTML转JS不显示xml...[详细]
广告投放: 编程入门教程:www.ask186.com 电话:15818865556

  微信小程序中视屏播放器发表弹幕时视屏播放时间

 
onReady: function (res) {
this.videoContext = wx.createVideoContext('myVideo')
 },
 inputValue: '',
 
 data: {
src: 'http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400',
danmuList: [
 {
text: '第 1s 出现的弹幕',
color: '#ff0000',
time: 10
 },
 {
text: '第 3s 出现的弹幕',
color: '#ff00ff',
time: 50
 }],
thistime: '',
 },
 bindInputBlur: function (e) {
this.inputValue = e.detail.value
 },
 bindButtonTap: function () {
var that = this
wx.chooseVideo({
 sourceType: ['album', 'camera'],
 maxDuration: 60,
 camera: ['front', 'back'],
 success: function (res) {
that.setData({
 src: res.tempFilePath
})
 }
})
 },
 bindSendDanmu: function () {
this.videoContext.sendDanmu({
 text: this.inputValue,
 color: getRandomColor()
})
console.log(this.data.thistime);
 },
 myfunction: function(e){
this.setData({"thistime":e.detail.currentTime})
//this.thistime = e.detail.currentTime;
 },
 
------------------------------------------
 
<view class="section tc">
 <video src="{{src}}"   controls ></video>
 <view class="btn-area">
<button bindtap="bindButtonTap">获取视频</button>
 </view>
</view>
 
<view class="section tc">
 <video id="myVideo" bindtimeupdate="myfunction" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" danmu-list="{{danmuList}}" enable-danmu danmu-btn controls></video>
 <view class="btn-area">
<button bindtap="bindButtonTap">获取视频</button>
<input bindblur="bindInputBlur"/>
<button bindtap="bindSendDanmu">发送弹幕</button>
 </view>
</view>
 
  • 上一篇:
  • 下一篇:

本文地址:http://www.ask186.com/content/article/zj/26652.html(转载请保留)

相关关键词搜索:微信小程序中视屏播放器发表弹幕时视屏播放时间

发表评论
      
* 以上用户言论只代表其个人观点,不代表www.ask186.com网站的观点或立场
推荐文档更多
编程入门教程 | PHP教程 | Mysql教程 | Apache教程 | 最新文章 | PHP面试题| 网站地图 | Google地图 | Baidu地图 | 在线WEB论坛| 中纪委反腐最新消息

WEB技术QQ交流群:151963186 站长Q号:547214413
版权所有者:编程入门教程 地址:云南省文山州砚山县盘龙乡 滇ICP备12002707号-1
特别声明:本站内容仅供参考,不作为设计及确切依据!想了解更多,可立即进入Bbs提问