WebGL使用VideoPlayer播放视频

最新推荐文章于 2024-07-22 21:47:57 发布
最新推荐文章于 2024-07-22 21:47:57 发布
阅读量4.3k 收藏 6
点赞数
CC 4.0 BY-SA版权
分类专栏： WebGL 文章标签： webgl unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ThreePointsHeat/article/details/108389992
本文探讨了在PC端使用VideoPlayer播放视频正常，但在WebGL环境下无法播放的问题。主要原因是WebGL环境下视频缓存机制不同，文章提供了解决方案，即通过事件控制视频播放，确保在WebGL中顺利播放视频。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在PC端使用VideoPlayer播放视频是可以的，但是发布WebGL不能播放；具体原因就是PC加载本地视频不需要进行缓存直接播放，而在打包WebGL时，加载视频不能播放，具体就是缓存视频流的问题。只需要通过事件控制一下就可以播放。

获取到视频组件后，通过Path来加载视频的URL地址，赋给VideoPlayer组件上的url

 最后随便通过一个委托事件来控制视频播放就可以了

效果图如下：

 

Unity3DWEBGL播放本地视频用(VideoPlayer)
心疼你的一切博客
11-14 2871
大家好,本篇记录一下webgl播放视频,用的是videoPlayer组件,不定时更新unity开发技巧,觉得有用记得一键三连哦。接下来就一步步实现吧如果觉得本篇文章有用别忘了点个关注，关注不迷路，持续分享更多Unity干货文章。
Unity 3D Video Player WebGL
12-03
Unity 3D Video Player WebGL
Video Player WebGL 1.4
07-14
支持Webgl自动播放视频,支持unity2019以上版本,强烈推荐
UnityWebGL播放视频（PC端）
SusieMiao的博客
12-06 5568
本人所用Unity版本2018.3.0。利用Unity自带的VideoPlayer实现WebGL端播放视频。文章末尾附带工程，可自行下载。 1.新建UI RawImage-----在Project视图下新建RenderTexture-----将RenderTexture拖入到RawImage的Texture中。 2.在RawImage上添加VideoPlayer组件----Source选择UR...
Unity基于VideoPlayer组件发布WebGL播放视频【可播放暂停，有滑动条，脚本贴出】
qq_45912896的博客
08-10 1215
Unity基于VideoPlayer组件发布WebGL播放视频【可播放暂停，有滑动条，脚本贴出】
unity webgl video player 2款unity webgl视频播放器
11-09
在这个场景中，我们关注的是在Unity WebGL环境中实现视频播放的功能。以下是对两款Unity WebGL视频播放器的详细解析： 1. **AVPro Video**: AVPro Video是一款高级的Unity视频播放解决方案，它提供了广泛的视频格式...
unity3d webgl播放视频 自用备份
11-04
总结来说，"unity3d webgl播放视频 自用备份"项目涉及了Unity3D的WebGL导出、视频资源的处理、Unity的Video Player组件的使用、JavaScript与Unity的交互、浏览器兼容性测试以及性能优化等多个方面。理解并掌握这些...
简易视频播放器webgl可用 MoviePlayer.unitypackage
03-17
简易视频播放器webgl可用，缺点 不能控制视频音量，解决方案：把视频音源提取出来，通过计算视频播放时间，去调整音频播放时间。
Unity 中VIdeoPlayer的视频外部加载- 源码
11-23
Unity 中VIdeoPlayer的视频播放控制。可加载外部视频资源，控制视频播放（播放、暂停、停止）。可切换本地视频。可获取视频播放进度（进度条）、可控制视频播放音量。
UnityWebGL播放在线视频m3u8两种方案
04-15
UnityWebGL播放视频两种方案, 第一种方案，AVProVideo,非webgl也可用 第二张方案，使用html的内嵌网页
Unity WebGl播放m3u8在线视频(监控，直播)的项目和Demo
04-15
Unity WebGl播放m3u8在线视频(监控，直播)链接Demo和项目，unity新版链接和旧版链接都有
html5基于video的视频播放器
04-11
html5基于video属性制作的视频播放器代码内置三种皮肤，可以修改控制按钮的颜色，遮罩层透明度和视频封面等
VideoWebPlugin.exe
12-09
安装该插件，可以支持浏览器端加载监控视频。目前开发对接海康视频监控系统，用到这个这个插件，非常好用。
WebAssembly 视频播放器：轻量、高效且可定制
gitblog_00010的博客
04-24 839
WebAssembly 视频播放器：轻量、高效且可定制 项目简介 是一个基于WebAssembly和Web API构建的现代视频播放器库。它提供了轻量级、高性能的解决方案，让开发者能够轻松集成到自己的网页应用中，并具有高度的自定义性和扩展性。 技术解析 WebAssembly (WASM) WebAssembly是一种低级虚拟机格式，它可以将编译后的C/C++/Rust等语言代码运行在浏览器环境中...
【免费下载】 推荐开源项目：wsPlayer - 强大的Web视频播放器
gitblog_00089的博客
03-29 3136
推荐开源项目：wsPlayer - 强大的Web视频播放器 是一个功能丰富的Web视频播放器，专为现代网页设计而打造，支持多种视频格式和自定义功能，旨在提供流畅、个性化的用户体验。 技术分析 前端框架与库 wsPlayer 基于 JavaScript，利用 HTML5 的 <video> 元素，兼容多种浏览器。此外，它还采用了流行的前端库如 jQuery 进行DOM操作，以实现更简洁的...
【零基础学WebGL】播放视频
军火库
05-13 738
前言 H5播放视频，通常可以使用HTML Video实现。但如果考虑HTML Video在移动端的兼容性，或者需要进行视频处理，比如添加滤镜效果，那么WebGL是一种可选的手段。 本文定义playVideoInWebGL方法，包含了三个环节： 环境准备：负责初始化webgl上下文、着色器程序。和之前的文章是一致的，本文不再赘述。 纹理数据准备：负责初始化纹理对象、视频数据、视频封面数据； 动画播放：负责循环播放视频 const playVideoInWebGL = async () => {
Unity发布WebGL播放视频【免插件，可快进后退，复制脚本即可使用】
忽同学的博客
04-02 6314
写在前边
Unity 实现WebGL 实现内嵌播放视频
最新发布
2302_76605236的博客
07-22 1424
实现webgl内嵌视频播放 会前面基础视频播放的可以直接到第八步去看了
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值