Unity | Video Player的使用方法和原理

Posted 菌菌巧乐兹

tags:

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

讲解逻辑为Unity | 基础逻辑_菌菌巧乐兹的博客-CSDN博客

一、把素材仓库里的视频放进Game界面

1.我们需要在素材仓库中放一个视频(其他文件夹不用管,我只是懒得删了)

2.在Unity里建一个能接收视频的地方VideoPlayer

备注:视频和图片是不一样的,图片到这一步组合一下就能用,但是视频不行。因为Unity里不支持直接播放视频,它只能播放动态的Texture。

3.我们来看一下VideoPlayer身上带的组件

这里因为unity自己也知道,自己没办法直接播放视频,所以它这里让你可以填两个东西,上面是你想播放的视频,下面让你填一个空的texture,之后,它会自己把视频印到Texture上,所以这个组件并不是真的用来播放视频的,而是用来转换的。

4.所以我们需要建一个新的Texture来接收这个视频(在这个界面右键→ Creat→可以找到RenderTexture)

把这个拖到刚才VideoPlayer上应该在的位置

此时此刻,我们就成功把视频印到这个新建的Texture身上了

5.我们需要建一个播放Texture的东西

unity播放Texture的物体叫RawImage

 把你的Texture拖进去

 这样就可以播放视频了

二、大小控制

因为这个视频是印到Texture身上,所以我们想改视频的大小,就必须改Texture的大小

 因为这个texture是用RawImage播放的,所以我们也需要改rawImage的大小(这步略)

三、VideoPlayer组件常用部分

 四、常用方法

控制视频,我们还是通过VideoPlayer控制

所以我们先建一个脚本,写一行代码

public VideoPlayer videoPlayer;

在外面把这个物体拖进来

 然后就可以简单使用了,下面是常用方法

videoPlayer.Play();  //开始
videoPlayer.Stop();  //停止
videoPlayer.Pause(); //暂停
videoPlayer.Prepare(); // 播放引擎准备(提高开始播放时的速度)
videoPlayer.targetTexture.Release(); //重播时,不出现之前结束时的画面

videoPlayer.started += "方法名"                 //每次播放后立刻启动方法
videoPlayer.loopPointReached += "方法名"        //每次到结尾,都会自己启动这个方法
videoPlayer.time = 5;                           //视频的时间调到第五秒

 上面有方法名的示例代码:

    videoPlayer.loopPointReached += FalseGameObject;
    void FalseGameObject(VideoPlayer videoPlayer) 
        gameObject.SetActive(false);
    

方法的括号里必须要带 VideoPlayer哦,后面那个小写的是名字,可以自己起不要紧。

五、相关内容

Unity | 如何使用webm透明视频_菌菌巧乐兹的博客-CSDN博客

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-video-player 移动端使用

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

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

vue-video-player

vue-video-player的使用总结

使用vue-video-player实现直播