Unity视频播放之Video Player的简单使用

Posted 太阳暖不暖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Unity视频播放之Video Player的简单使用相关的知识,希望对你有一定的参考价值。

使用Unity自带的VideoPlayer来播放视频

一、准备视频

Unity3D常用视频格式:.mov、.mpg、.mpeg、.mp4、.avi、.asf

如果都不识别,试试转换成ogv格式。转换完成之后,将视频素材文件拖入Unity Assets文件夹内。

二、创建UI及添加组件

  • 创建RenderTexture资源,设置分辨率,跟视频分辨率一致
  • 创建RawImage对象
  • 添加Audiosource组件
  • 添加VideoPlayer组件

当前版本:

 

具体实现:

1、右键Assets文件夹或任意文件夹→CreateRender Texture纹理渲染

 

设置视频的分辨率

 

2、Hierarchy面板右键创建UIRaw Image

然后把创建出来的Render Texture拖拽给Raw ImageTexture选项

 

结果如下图:

 

3、给Raw Image挂上Audio Source组件

4、给Raw Image添加组件Video Player,同时,修改Video Player组件属性:

  1. 把视频文件拖拽到Video PlayerVideo Clip选项中;
  2. Render Texture再次拖拽到TargetTexture选项中;
  3. 设置音频输出格式

5、然后可以调整Raw Image在屏幕中的大小来对应游戏窗口中的大小

 

三、VideoPlayer 常用属性、方法、事件

  1. 属性
    1. Source:视频来源   
      • - Video Clip:放入下载好的视频   
      • - URL:可以放入网上下载好的视频链接/下载好的视频的存储路径【没试过】
    2. Play On Awake:脚本载入时自动播放
    3. Wait For First Frame:决定是否在第一帧加载完成后才播放,只有在Play On Awake被勾选是才有效
    4. Loop:循环
    5. Playback Speed:播放速度
    6. RenderMode:渲染模式   
      1. - Camera Far Plane:摄像机的远平面上,用于背景播放器   
      2. - Camera Near Plane:摄像机的近平面上,用作前景播放器   
      3. - Render Texture:画面保存在Render Texture上,用来UGUI的播放器   
      4. - Material Override:视频画面复制给所选Render的Material。需要选择具有Render组件的物体,可以选择赋值的材质属性。可制作360全景视频和VR视频。
    7. Aspect Ratio:自适应分辨率的方式
    8. Audio Output Mode:音频输出方式   
      1. - Audio Source:音频样本发送到选定音频源,允许应用 Unity 的音频处理。  
      2. - Direct:音频样本绕过 Unity 的音频处理,直接发送到音频输出硬件。
  2. 事件
    1. errorReceived: 错误监听到时被执行
    2. frameDropped :有丢帧发生时被执行
    3. frameReady :新的一帧准备好时被执行
    4. loopPointReached :播放结束或播放到循环的点时被执行
    5. prepareCompleted :视频准备完成时被执行
    6. seekCompleted :查询帧操作完成时被执行
    7. started:在Play方法调用之后立刻调用

四、脚本控制

public class WUIStartVideoPanel : MonoBehaviour

    public VideoPlayer mVideoPlayer;
    public Button mBtn_Skip;

    public WUIStartVideoPanel()
    
        // 清除Raw Image的残留帧
        mVideoPlayer.targetTexture.Release();
        // 监听视频播放结束
        mVideoPlayer.loopPointReached += EndReached;
        mBtn_Skip.onClick.AddListener(OnSkipBtnClick);
    

    private void EndReached(VideoPlayer source)
    
        // 隐藏当前脚本对象
        gameObject.SetActive(false);
    

    // 外部调用播放
    public void PlayVideo()
    
        mVideoPlayer.Play();
    

    // 跳过视频
    private void OnSkipBtnClick()
    
        mVideoPlayer.Stop();
        EndReached(mVideoPlayer);
    

五、画面残留问题

要注意一点:Unity播放一次视频后,再次播放开始的一瞬间会显示上次播放结束的画面。

1、问题原因:

主要因为用RenderTexture取渲染播放的,当视频播放完成之后,会在将最后一帧的画面定格在RenderTexture上。

2、解决办法:

  1. 实时创建RenderTexture,避免了预先创建残留先前播放画面的问题。
  2. VideoPlayer组件提供一个方法,VideoPlayer.targetTexture.Release()方法,释放RenderTexture。
  3. 在播放之前或者播放完之后,释放RenderTexture上的资源,调用方法。
RenderTexure rt; rt.Release();

在此,我使用了解决办法2。代码见上面。

参考文章:

Unity VideoPlayer 播放视频_GA博客的博客-CSDN博客_unity videoplayer

Unity 使用RenderTexture播放视频画面残留问题_2080.的博客-CSDN博客

Unity自带VideoPlayer播放视频总是闪上一个视频的画面的问题 - 简书 (jianshu.com)

以上是关于Unity视频播放之Video Player的简单使用的主要内容,如果未能解决你的问题,请参考以下文章

视频播放平台vue-core-video-player

使用vue-video-player插件实现视频播放

vue-video-player视频播放插件

Vue中 引入使用 vue-video-player 实现音视频播放

如何在 video_player 上无延迟地连续播放视频?

vue 视频播放Vue-Video-Player