运用renderjs和腾讯云点播实现视频的播放和手势控制。(1)

    在开发app过程中,我们会遇到很多SDK不支持uniapp或者只支持Android、ios和web。那像用uniapp开发app的工程师就会选择renderjs来调用web的sdk中的api。

   比如常见的echarts库等,这次我们遇到的是视频播放需求。云端的视频播放资源来自腾讯云点播。如果想要了解这方面功能的可以自行百度,这里就不放链接了,防止广告嫌疑。如果对于renderjs不熟悉的可以移步uniapp的官方文档,虽然官方文档对于renderjs的描述也是寥寥数语,但是结合我下面的代码你就会明白的。

  首先,renderjs是运行在vue框架中是涂层的js代码。在这里我们可以用所有h5中的语法,需要注意的是renderjs中不能运行uni的api,也就是不能用uni.的方式处理相关逻辑。这里就要结合plus的api使用。因为这是一篇稍微有点深的文章所以大家多查资料(大佬不需要),如果按照这个思路看完,相信你就对于h5开发夸段app就有更深入的了解,独立开发app不成问题了。

  下面就是renderjs的代码和讲解:






上边是renderjs的通信逻辑,这里可以理解为先把罗基层js的数据双向绑定到是涂层元素上,在通过:change绑定这个值,只要这个值变动则调用视图层里的方法,类似做了一个监听。而视图层的数据想传递出来,就需要通过点击事件了。这里提一下,如果想通过vuex来实现共享是行不通的,具体的坑是在vue的this指向的实例化对象问题,只能获取到原始数据而无法获取到更新后数据,这里就不展开了。

  接下来就是通过renderjs动态引入类库,比如echarts,我们这次用的是腾讯云点播。

具体方法如下:


                    
                    

你可能感兴趣的:(腾讯云,javascript,android,ios,小程序)