中文
resource-icon
Cocos Creator 简版拓展 VideoSprite 小代码组件类插件 v0.0.1
类别
Creator扩展 插件
作者
肖_平
Creator版本要求
v2.4.0
支持平台
HTML5
评分
售价
¥ 19.99 (个人)

介绍

开发环境

  • 引擎版本:Cocos Creator 2.4.0
  • 编程语言:TypeScript

资源介绍

请将.MP4文件放在resources文件夹下

场景内拖入新的视频后,请手动刷新当前场景(或者重新载入当前场景)

  • 请先导入所有资源文件后,再添加组件!
  • 在Cocos Crator 的UI编辑器内实时显示Video(MP4)视频资源
  • 自定义的拓展视频组件(可在视频上叠加各种文字和UI)
  • 所有 VideoToSprite 组件上的相关属性都有详细介绍说明

痛点解决

  • 1.官方大大的视频 Video Player 组件真的不是很好用
  • 2.自定义的组件,渲染视频,并可在编辑器内预览效果
  • 3.自动索引视频.MP4路径并锁定路径
  • 4.智能判断是否是.MP4文件
// @ts-ignore
// 无

目前已测试平台

H5 微信小游戏 Android原生 iOS原生 抖音小游戏 OPPO小游戏 vivo小游戏

本资源暂时支持测试通过平台,其他平台暂未支持,后续内容会持续测试支持,敬请期待。

一键添加视频节点,接入视频,预览效果

操作流程

1.一键导入代码和节点::=>

GIF 2022117 171812.gif

2.绑定mp4文件

GIF 2022117 175029.gif

3.预览 Cocos Editor 内的视频的效果

GIF 2022117 175521.gif

功能特点说明

  • 自定义视频Node的宽高可自定义
  • 读取视频内容渲染到图片上
  • Cocos Editor 内实时预览效果,所见即所得
  • 可自定义刷新 Update 频率
  • 可自定义场景刷新的FPS(帧率)
  • 本自定义的组件内的渲染代码,参考论坛大神发的这个,修改后产出的内容
  • webvideoPlayer 参考地址

    更新声明

  • 后续 免费升级迭代
  • 视频宽高可自定义
  • 设置低帧率(目前是30-60),可以省电,降低设备算力要求,可以使更低端的设备保持稳定帧率
  • 目前仅支持本地视频加载
  • 目前仅支持单场景播放一个视频
  • 建议每个场景内就加载一个视频
  • 在Cocos Editor内建议不要开启声音和循环,可以提高 Editor 性能
  • 目前版本仍旧有许多,等待完善的地方,后续得空会升级的
  • 视频的刷新可能会有点慢,目前VideoToSprite 组件属性选了后需要 重载一次 scene 场景

后续计划 (免费更新)

  • 优化使用体验, 优化代码结构

补充说明

  • 目前的是Beta版本,商用的话请大家酌情考虑
  • 暂未做过各种压测和Bug调测,仅跑通效果
  • 后续功能完善后,价格也会随之提高,早购早划算呦,谢谢支持
  • 如果有发现bug,请联系我,我会尽快修复
  • 感谢各位的支持

购买须知

  • 请各位朋友看后仔细思考,是否符合您的项目或者研究需求
  • 目前内容相对比较少,后续才会迭代
  • 因为本产品为付费虚拟商品,一经购买成功概不退款,请在购买谨慎确认购买内容。

用户评分

平均评分
(1)
共有 1 位用户参与评分

评论

lss940328 2022-07-06 16:44

2.4.8版本使用不了,添加视频文件时出现Error: cc.resources.load err::=>Error: Bundle resources doesn't contain import_videoSpriteTs/xxx

作者

感谢您的支持,很抱歉,目前这个版本不太支持高版本的,后续得空会更新上去

atsXmbb 2022-05-03 12:07

v2.4.0 的版本可以。 建议给出指导,如何集成到v3.4

作者

v3.4的是另外一个版本了, 因为涉及到的技术点比较多, 所以另外上架了一款这个插件, 这个插件是经过多次优化的, 所以贵一点, :: https://store.cocos.com/app/detail/3726 另外也可以参考论坛的这个, 如果您是想用其它的方式实现也是可以的, 参考末尾大佬 muzzik(马赛克) 大佬的实现方法也可以实现, 感兴趣的话可以去看下:: https://forum.cocos.org/t/topic/134921

atsXmbb 2022-05-03 11:24

Error: cc.resources.load err::=>Error: Bundle resources doesn't contain import_videoSpriteTs/03 at D:\09app\cocos\video-play\temp\quick-scripts\dst\assets\resources\import_videoSpriteTs\videoToSpriteTs\exVideoToSpritesTs.js:235:39 at C:\CocosDashboard_1.1.2\resources\.editors\Creator\2.4.7\resources\engine\bin\.cache\dev\cocos2d\core\asset-manager\utilities.js:406:9 at C:\CocosDashboard_1.1.2\resources\.editors\Creator\2.4.7\resources\engine\bin\.cache\dev\cocos2d\core\platform\utils.js:74:9 at processTicksAndRejections (internal/process/task_queues.js:75:11)

作者

您用的是2.4.7 版本, 您用 v2.4.0 版本试试 ? 2.4.5版本还行, 就是2.4.7 版本好像有点问题,

atsXmbb 2022-05-03 11:24

绑定视频失败

作者

一颗星[捂脸], v2.4.0 的版本您试过了吗 ?

  • 1

2020 © Cocos.com版权所有

增值电信业务经营许可证:闽B2-20160169

闽ICP备14002653号-6

闽公网安备 35020302033941号