其他分享
首页 > 其他分享> > 2021-10-29

2021-10-29

作者:互联网

钉钉小程序video组件的使用

钉钉小程序有关video视频播放器使用

哈喽,关于钉钉小程序官网上提供的太少了,如果你想学习钉钉小程序有关视频video的, 可以仔细阅读这篇文章,我也是在公司需要写钉钉小程序学到的写所以记录一下,巩固一下,如果有哪里不对的各位大佬请指教。

我们可以看到钉钉小程序开发文档有简单的介绍有关video组件的说明,但是并没有给出实际的例子
我们可以看到官网有介绍他的相关一些属性:
代码示例

//在.axml中
<view class="text-center">
//这些绑定的事件具体可以看官网
		<video  id="myVideo" onEnded="onEnded" onPause="onPause" onPlay="onPlay" onTimeUpdate="onTimeUpdate" controls="{{controls}}" disabled="{{disabled}}"  
		style="width:100%"  src={{VideoUrl}} enableNative="{{true}}">
		</video>
		//a:if="{{TabCur=='0'}}"他的作用是遮住他的控制台,防止在看视频时拖拽视频
		<view class="cover-view" a:if="{{TabCur=='0'}}"></view>

</view>

其中官网上也还给出创造video对象
在这里插入图片描述
我们可以用seek来进行定位,首先我们可以用currenttime记录当前事件,把他缓存到本地(调用dd.setStorage将数据存储在本地缓存)然后当再次打开页面,调用dd.getStorage获取缓存数据。然后用seek函数指定视频的初始位置,这样就可以跳转上一次的视频时间

//在js中
seek(){
   // 未学习状态
   var that=this;
       if(that.data.TabCur=='0'){
          //  获取本地储存上次时间
            var that=this;
            dd.getStorage({
              key:'currentTime',
              
                success: function(res) {
                    // dd.alert({content: '写入成功'});
                  
                  var pxjd=res.data.currentTime
                  var zsc=res.data.duration
                  // var zsc1=zsc/1000毫秒转成秒
                  var lastTime=parseInt(pxjd/1000)
                  // 跳转上次时间
                    if(lastTime!=NaN || lastTime!=0){
                      
                      console.log("跳转的时间是"+lastTime+"秒")
                      console.log("跳转的时间是"+zsc+"秒")
                      let ctx = dd.createVideoContext('myVideo');
                      ctx.seek(lastTime);
                      dd.alert({content: '您上次观看到'+lastTime+'秒'});

                    }
                  
                  }
                  
            });

       }
 
 },

暂时遇到这样的需求,如果您觉得对您有帮助别忘了一件三联,给前端的小学生带来鼓励,笔芯

标签:10,视频,dd,29,video,2021,跳转,var,lastTime
来源: https://blog.csdn.net/weixin_49001026/article/details/121044905