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

男娘i 2023-09-24 13:33 38阅读 0赞

### 一、 Video Player的使用方法 ###

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

#### (一)把素材仓库里的视频放进Game界面 ####

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

![468e2920162b4715b8721fc7403f5a96.png][]

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

![295c08eb11ff461d94a269ecfdaadfd2.png][]

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

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

![6a84a74edc07481187056b75aa5ee07d.png][]

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

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

![91954accb2194324acfcaf1a58833ec8.png][]

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

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

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

unity播放Texture的物体叫RawImage

![f129da6fc2c64899adc82382e4e8f49d.png][]

把你的Texture拖进去

![fd5bcdbc58aa48ae8614d09d2bf12872.png][]

这样就可以播放视频了

#### （二）大小控制 ####

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

![bef3d38bb76f48b78f9274617fabda49.png][]

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

#### （三）VideoPlayer组件常用部分 ####

![e7fd701ffe5e4499ae04619488b174eb.png][]

### 二 、Video Player的常用方法 ###

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

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

public VideoPlayer videoPlayer;

在外面把这个物体拖进来

![243d022d962941d8a4ea055f95cc6f1a.png][]

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

videoPlayer.Play();  //开始
    videoPlayer.Stop();  //停止
    videoPlayer.Pause(); //暂停
    videoPlayer.Prepare(); // 播放引擎准备（提高开始播放时的速度）
    videoPlayer.targetTexture.Release(); //重播时，不出现之前结束时的画面
    
    videoPlayer.started += "方法名"                 //每次播放后立刻启动方法
    videoPlayer.loopPointReached += "方法名"        //每次到结尾，都会自己启动这个方法
    videoPlayer.time = 5;                           //视频的时间调到第五秒
    videoPlayer.frame = 1;                         //视频调到第一帧
    
    //常用案例中细讲
    videoPlayer.sendFrameReadyEvents = true;        //启用videoPlayer.frameReady方法
    videoPlayer.frameReady += "方法名"               //准备好新的一帧后启动这个方法

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

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

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

## 三、常用案例 ##

#### (一)打开视频后，显示第一帧图片 ####

VideoPlayer中可以选择自动打开并播放视频，和不打开视频。

但是有时候我们有需求，我希望第一帧出现在界面上，用来做封面或者其他。

图例：

![a6c51f5665d24176b3bf4e83b395d4eb.png][]

你希望再软件里实现这个状态，展示视频图，但是又不播放。

> 基本逻辑：
> 
> 1.我们让它自动打开视频（别忘了自己开这一步）
> 
> 2.当准备好第一帧的时候，它会自动播放第一帧
> 
> 3.趁他没反应过来，暂停它

VideoPlayer vp;
        
        void Start()
        {
            //我一般把这个代码直接挂在需要需要使用的VideoPlayer身上，这样可以直接找到组件
            vp = GetComponent<VideoPlayer>();
            
            //frameReady这个方法是需要打开才能用的
            //这个下面这句话就是我把这个方法启用
            vp.sendFrameReadyEvents = true;
            //当准备好新的一帧后，执行下面方法
            vp.frameReady += PauseVideoUnitOnFirstFrame;
        }
        
        public void PauseVideoUnitOnFirstFrame(VideoPlayer player, long frameIdx)
        {
            //暂停播放
            player.Pause();
            //关掉这个方法，要不然它准备好第二帧又执行，没完没了了
            player.sendFrameReadyEvents = false;
            //同时也去掉这个方法
            player.frameReady -= PauseVideoUnitOnFirstFrame;
        }

## 四、相关内容 ##

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

[Unity _ _-CSDN]: https://blog.csdn.net/weixin_49427945/article/details/127508827
[468e2920162b4715b8721fc7403f5a96.png]: https://img-blog.csdnimg.cn/468e2920162b4715b8721fc7403f5a96.png
[295c08eb11ff461d94a269ecfdaadfd2.png]: https://img-blog.csdnimg.cn/295c08eb11ff461d94a269ecfdaadfd2.png
[6a84a74edc07481187056b75aa5ee07d.png]: https://img-blog.csdnimg.cn/6a84a74edc07481187056b75aa5ee07d.png
[91954accb2194324acfcaf1a58833ec8.png]: https://img-blog.csdnimg.cn/91954accb2194324acfcaf1a58833ec8.png
[f129da6fc2c64899adc82382e4e8f49d.png]: https://img-blog.csdnimg.cn/f129da6fc2c64899adc82382e4e8f49d.png
[fd5bcdbc58aa48ae8614d09d2bf12872.png]: https://img-blog.csdnimg.cn/fd5bcdbc58aa48ae8614d09d2bf12872.png
[bef3d38bb76f48b78f9274617fabda49.png]: https://img-blog.csdnimg.cn/bef3d38bb76f48b78f9274617fabda49.png
[e7fd701ffe5e4499ae04619488b174eb.png]: https://img-blog.csdnimg.cn/e7fd701ffe5e4499ae04619488b174eb.png
[243d022d962941d8a4ea055f95cc6f1a.png]: https://img-blog.csdnimg.cn/243d022d962941d8a4ea055f95cc6f1a.png
[a6c51f5665d24176b3bf4e83b395d4eb.png]: https://img-blog.csdnimg.cn/a6c51f5665d24176b3bf4e83b395d4eb.png
[Unity _ _webm_-CSDN]: https://blog.csdn.net/weixin_49427945/article/details/127364346?spm=1001.2014.3001.5501