Unity 发布到WebGL后视频播放音画不同步问题

问题描述:

编辑器模式下用URL源的Video Player可以正常播放MP4格式的视频,但在打包WebGL后视频音画不同步(视频卡顿)

解决措施:

解决措施有多种,可根据需求选择
  1. 在Video Player组件中的Audio Output Mode(音频输出模式)改为Audio Source(音频源)即可。
  2. 将MP4视频文件格式换成WebM视频文件格式
  3. Build Settings - Player Settings - Player - Other Settings - Color Space 换成Gamma(伽马)

出处:WebGL播放3D视频,画面和声音不同步的问题 - 技术问答 - Unity官方开发者社区

补充:

unity关于视频文件兼容性的描述:视频文件兼容性 - Unity 手册
在 Unity WebGL 中,支持的视频格式会受到浏览器的支持情况的影响。通常来说,在大多数流行的现代浏览器中,Unity WebGL 支持以下常见的视频格式:
  1. MP4:通常使用 H.264 编码的 MP4 格式是最常见且被广泛支持的视频格式之一。
  2. WebM:WebM 是一种开放的、免费的视频容器格式,通常使用 VP8 或 VP9 编码,并且在某些浏览器上有很好的支持。
  3. Ogg:Ogg 是一种容器格式,通常使用 Theora 编码,适用于某些浏览器。
  4. 以及基于MKV格式的视频文件

以下为Audio Output Mode(音频输出模式)默认直接输出情况下各个视频在WebGL端的播放情况

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值