Unity3D发布WEBGL播放视频 实现播放暂停 滚动条拖拽 重新播放功能

最新推荐文章于 2024-05-11 11:18:25 发布
最新推荐文章于 2024-05-11 11:18:25 发布
阅读量3.2k 收藏 7
点赞数 2
分类专栏： WEBGL 视频插件 Unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x1017619024/article/details/82221046
版权
Unity 同时被 3 个专栏收录
8 篇文章 0 订阅
订阅专栏
WEBGL
1 篇文章 0 订阅
订阅专栏
视频插件
1 篇文章 0 订阅
订阅专栏
「已注销」
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
Unity2019在WebGL下播放视频
wuyt2008的专栏
07-26 6054
Unity2019自带的VideoPlayer组件，可以直接通过URL地址播放视频。设置URL地址即可。 如果要播放本地视频，推荐将视频放置在StreamingAssets目录下，StreamingAssets目录和在安卓平台一样，不会被打包。 通过下面的代码，即可对url进行赋值，而且，在Editor编辑器下也可以正常使用。 video.url = Path.Combine(Application.streamingAssetsPath, "birds.mp4"); v
支持WebGL视频文件格式的unity插件
05-25
支持unity发布webGL端的视频播放 把unity的MovieTexture类转换成webGL可用的类
Unity中控制视频播放、暂停、拖拽进度条、显示总时长和当前播放时间
最新发布
qq_43238378的博客
05-11 1099
在Unity中控制视频播放、暂停、拖拽进度条、显示总时长和当前播放时间，通常会涉及到使用组件以及UI元素（如Slider用于进度条，Text用于显示时间）。下面是一个详细的步骤和代码示例来实现这些功能。
Unity3D 5中增加WebGL 播放插件
chuliaoqiao4046的博客
07-04 105
http://www.csdn.net/article/2014-03-18/2818822-Unity-5-game-engine 其实我是搞3d的，这篇文章里所有的术语看了都有很强的亲切感。 Unity的多平台功能仍是最具价值的功能之一，Unity Technologies与Mo...
Unity3DWEBGL播放本地视频用(VideoPlayer)
心疼你的一切博客
11-14 1496
大家好,本篇记录一下webgl播放视频,用的是videoPlayer组件,不定时更新unity开发技巧,觉得有用记得一键三连哦。接下来就一步步实现吧如果觉得本篇文章有用别忘了点个关注，关注不迷路，持续分享更多Unity干货文章。
Unity基于VideoPlayer组件发布WebGL播放视频【可播放暂停，有滑动条，脚本贴出】
qq_45912896的博客
08-10 866
Unity基于VideoPlayer组件发布WebGL播放视频【可播放暂停，有滑动条，脚本贴出】
在Unity3D发布的WebGL中实现场景视频播放的功能
热门推荐
s1314_JHC的博客
06-08 1万+
Unity场景中播放视频可以通过在3D的Cube面上添加MovieTexture得来，但在最终生成WebGL应用时会报错，原因是Web端不支持MovieTexture的播放，网上查阅了许多资料，整理了一下，也让后来者少走点弯路。1.首先需要下载一个名为Simple MovieTextures for Unity WebGL的Unity插件，插件下载链接：2.将插件下载后导入Unity导入的unit...
unity3d webgl播放视频 自用备份
11-04
总结来说，"unity3d webgl播放视频 自用备份"项目涉及了Unity3D的WebGL导出、视频资源的处理、Unity的Video Player组件的使用、JavaScript与Unity的交互、浏览器兼容性测试以及性能优化等多个方面。理解并掌握这些...
Unity WebGl播放m3u8在线视频(监控，直播)的项目和Demo
04-15
在这个特定的项目中，我们关注的是如何在Unity WebGL中实现m3u8视频流的播放，这通常用于监控和直播场景。m3u8是一种基于HLS（HTTP Live Streaming）的多媒体播放列表格式，适用于分段的流媒体内容。 首先，我们...
Unity3d C#快速打开萤石云监控视频流支持WebGL平台，替代UMP播放视频流项目工程源码
07-31
本文是Unity3d 2020.3.28f1c1 Personal版本以萤石云的ezopen协议为例，实现该功能。3D WebView for Windows and macOS (Web Browser) 用于打开网页的插件（看需求使用Embedded Browser也可以）。管理员账号根据...
UnityWebgl网页弹窗播放实时视频.zip
07-01
Unity WebGL 是一个强大的游戏开发平台，它允许开发者创建交互式3D和2D内容，并能在浏览器上无缝运行。本项目“UnityWebgl网页弹窗播放实时视频”是针对Unity WebGL的一项应用，它提供了在网页中播放实时视频的功能...
UnityWebGL播放在线视频m3u8两种方案
04-15
UnityWebGL播放视频两种方案, 第一种方案，AVProVideo,非webgl也可用 第二张方案，使用html的内嵌网页
Unity3d 内嵌视频播放插件
09-30
Unity3d 内嵌视频播放插件 很强大 里面有各种案例，可以提供学习Unity3d 内嵌视频播放插件 很强大 里面有各种
WEBGL视频播放-Image.unitypackage
06-26
这是一个很好用的webgl视频源码，很好用，但是只能发布出来才能调试，直接unity中运行会报错哦！
解决Unity发布WebGL无法正常浏览问题
07-27
解决Unity发布WebGL无法正常浏览问题，下载Config文件，放到发布的目录中
【虚拟仿真】Unity3D打包WEBGL后播放视频（VideoPlayer组件）
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
04-21 2841
本篇文章实现Unity3D打包WEBGL后播放视频，如下图所示：使用了VideoPlayer组件，代码比较简单。主要就是有几个需要注意的点。
Unity 发布WebGL 声音、视频等都可以顺利加载但画面处于黑屏（移动端 尤其ios14+）
ICH_by_XJ的博客
06-30 1685
解决方案很简单，移动端（ios设备）打开设置——safari浏览器——高级——Experimental Features——WebGL 2.0 滑动开关关闭。unity中Player Settings——Other Settings配置保持默认。
WEBGL在移动端的视频播放
回归
06-13 1252
使用Unity开发WEGBL，在电脑端一切正常，但移动端的视频总是卡住，试了好多方案，AVPro、VideoPlayer等等都无效，电脑端好好的，移动端一打开就是黑屏，期间也有方案移动端能听到声音了，但还是没有画面。 最终不得不使用最原始的方案，在前端做DIV，采用JS控制DIV显示与否以及其中的SRC，然后Unity里调用前端的JS，总算是可以解决问题了，只不过适合又会是一个问题，不过这个问题相对去折腾在Unity里的视频播放，要靠谱多了。 Unity端前端的JS： Application.Exte
Unity +Webgl+AVProVideo+海康监控M3U8取码流+XChart
weixin_39348384的博客
05-22 3370
Unity +Webgl+AVProVideo+海康监控M3U8取码流+XChart
unity webgl 发布webgl版本播放视频
06-06
要在Unity WebGL项目中播放视频，你需要使用HTML5标签，例如`<video>`标签。你可以通过以下步骤来实现： 1. 将视频文件添加到Unity项目中，并将其放置在WebGL Build Settings中指定的WebGL输出文件夹中。 2. 在Unity中创建一个UI画布，并添加一个RawImage组件。 3. 在画布中创建一个UI按钮，并将其与一个新的脚本组件相关联。 4. 在脚本中，使用HTML5 `<video>`标签和JavaScript API创建一个视频对象，并将其与RawImage组件关联。 5. 在按钮的OnClick事件中，使用JavaScript API播放视频。 以下是一个示例脚本的基本结构： ```csharp using UnityEngine; using UnityEngine.UI; using System.Collections; public class VideoPlayer : MonoBehaviour { RawImage image; string videoURL = "your_video_url.mp4"; IEnumerator Start() { image = GetComponent<RawImage>(); // Load and wait for the video to be ready UnityWebRequest videoRequest = UnityWebRequest.Get(videoURL); yield return videoRequest.SendWebRequest(); // Create a video object and assign it to the RawImage var videoPlayer = gameObject.AddComponent<UnityEngine.Video.VideoPlayer>(); videoPlayer.playOnAwake = false; videoPlayer.source = UnityEngine.Video.VideoSource.Url; videoPlayer.url = videoURL; videoPlayer.renderMode = UnityEngine.Video.VideoRenderMode.RenderTexture; videoPlayer.targetTexture = new RenderTexture(1920, 1080, 16, RenderTextureFormat.ARGB32); image.texture = videoPlayer.targetTexture; // Play the video videoPlayer.Prepare(); while (!videoPlayer.isPrepared) { yield return null; } videoPlayer.Play(); } public void PlayVideo() { var videoPlayer = GetComponent<UnityEngine.Video.VideoPlayer>(); videoPlayer.Play(); } } ``` 你可以在按钮的OnClick事件中调用PlayVideo()函数来播放视频。请注意，在这个示例中，视频的URL是硬编码在代码中的，你应该将其替换为你自己的视频URL。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值