Unity WebGL自带VideoPlayer播放视频

这个问题得到的最多的回答就是:“插件(AVPro)”。

但是我还是决定再尝试尝试~

第一次尝试:

.mp4格式的,33.4M的视频资源,放在StreamingAssets下,代码中动态给VideoPlayer设置url,并且手动VideoPlayer.Play()

videoPlayer.url =
                Path.Combine(Application.streamingAssetsPath, "xxxxxx.mp4");
videoPlayer.Play();
现象:

Editor下音画正常,发布WegGL后,无音画。
此时,又做了进一步的尝试:
新建一个Html,使用 video 标签

<html lang="en-us">
<video src="./StreamingAssets/xxxxxx.mp4" controls="controls"></video>
</html>

发现,一样的,无音画。

第二次尝试:

将源视频用格式工厂进行转码,具体配置如下:
格式工厂转码配置
(不要问我为什么这么做,我能告诉你我试了半天¿¿¿)
视频大小为26.7M,其他设置都保持不变。

现象

Editor下正常。打包WebGL后,也正常~略略略!

  • 3
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
要在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。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值