如何定制第三方开源视频播放器到底层替代videoplayer

  • 平台:cocos creator
  • 语言:javascript
  • 需求:video player可以嵌入creator UI层级中,及其上、下都可以实现UI添加。
  • 详细描述:
    近期在使用creator开发游戏项目,项目内需要嵌入视频播放器组件播放视频,但是creator自带video player组件层级问题不符合项目需求。
  • 拟解决方案思路:
    想参考ABCMouse那样自定义一个videoplayer代替creator内置的组件,求相关思路及方案呀。

@王哲 @引擎开发者 麻烦给一些解决方案,谢谢啦。

必须是要内置么?

可以灵活控制videoplayer的方案都可以解决需求。请问有什么方法吗?

H5:canvas
Android:SurfaceView
IOS:UIView

那个开源播放器最终也是这个样子,你在不同平台控制层级就行了啊
如果播放器在下层的话,你需要把cocos的canvas背景弄成透明

大致思路我可以理解为:
creator调用原生UI,使用原生UI组件渲染绘制到视频上层做为顶层操作UI,然后顶层操作UI再通过反射机制通知creator进行后续的操作?

方便提供一个iOS的demo吗?原生开发还没入门,不知如何入手。

解决方案就是把视频数据组装好(类似与RenderTexture保存截图渲染数据)然后渲染到cocos creator中的sprite组件中

实现思路可以参考 :

另: 原生ios android的实现曾经在论坛中看到过一个教育公司的分享帖,但是刚找了没有找到了,你可以论坛搜索下看,但是实现思路是一样的

1赞

demo······
我只做个安卓的demo
因为木有ios设备
下边那个视频是 直播视频

我去教育公司面试的时候,也探讨过这个方案·········
但~感觉消耗有点太大····

但是如果视频显示和渲染是层叠在一起的话 基本只有这种实现思路了

(除了这个符合要求 我目前还没发现其他的解决方案:joy:,也希望大佬们给我指点新的思路)

层叠?难道是下边cocos,中间视频,上边又是cocos????

最上层其实就是一层交互UI,但是考虑到这个UI可能比较多,而且要兼容多移动平台,所以是在考虑上层能不能依旧使用creator,这样子视频层就是夹在两个creator中间了。不过只是想法,如果不是太合适,上层操作UI或许使用原生UI进行开发性能更好。

你好,这个demo可以开源提供下吗?iOS端原理应该是一致的,只是语法使用及平台相关操作不同。

:joy:我理解错了嘛

哈哈,不好意思,是我没仔细看,要这么说的话,视频转图片来实现确实可以
再者就是只能加原生的UI了~

我都不知道还能不能找到了 :joy:
当时就死弄了个demo :disappointed_relieved:

谢谢,我试下js调原生UI,有问题再来求教。

没有的,是表述的不是太清晰,但大致需求确实视频可以夹到中间层。或者类似的结构

今天上午发现了这个技术分享在研究这个帖子,打算研究手动绑定jsb。不过目前遇到几个问题卡住了。

  • FileDownloader 这个文件应该放在工程什么位置呢?
  • CCDirector.cpp jsb_boot.js 这两个文件是在哪里呢?Xcode及creator工程里都没有找到。

creator目前最新版,不知道跟版本有没有关系。

这个方案是可行的,在原生上性能上还是可以的 https://mp.weixin.qq.com/s/vdS70HrU4Ze88vlVlgi3dQ