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

这篇具有很好参考价值的文章主要介绍了Unity视频播放之Video Player的简单使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

一、准备视频

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

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

二、创建UI及添加组件

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

当前版本:

unity video player,Unity,unity,音视频,游戏引擎 

具体实现:

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

unity video player,Unity,unity,音视频,游戏引擎 

设置视频的分辨率

unity video player,Unity,unity,音视频,游戏引擎 

2、Hierarchy面板右键创建UIRaw Image

unity video player,Unity,unity,音视频,游戏引擎

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

unity video player,Unity,unity,音视频,游戏引擎 

结果如下图:

unity video player,Unity,unity,音视频,游戏引擎 

3、给Raw Image挂上Audio Source组件

unity video player,Unity,unity,音视频,游戏引擎

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

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

unity video player,Unity,unity,音视频,游戏引擎

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

unity video player,Unity,unity,音视频,游戏引擎 

三、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)文章来源地址https://www.toymoban.com/news/detail-801436.html

到了这里,关于Unity视频播放之Video Player的简单使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • Unity插件-AVPro Video 使用案例之视频播放

    Unity插件-AVPro Video 使用案例之视频播放

    链接:https://pan.baidu.com/s/1Dsf_mO3vSvdLvU-gNX2ulQ 提取码:967i 滑动条不显示,坐标值出现NaN,是由于Slider的Value计算不能除于0,除数为0会造成这种问题 链接:https://pan.baidu.com/s/13PnJNk7h8CWg5Z_zK2gi2Q 提取码:1ua1

    2024年02月11日
    浏览(7)
  • Unity中使用AVPro Video播放视频的完全指南

    Unity中使用AVPro Video播放视频的完全指南

    Unity AVPro是一款强大的视频播放解决方案,它支持多种视频格式和编解码器,能够在Unity中实现高质量的视频播放。本教程将指导你如何在Unity项目中使用AVPro播放视频。 1、安装AVPro Video 2、在UI上显示视频 3、在3D物体上显示视频,介绍两种播放到物体的方法 4、编写脚本,用按

    2024年04月16日
    浏览(87)
  • 【Flutter】Flutter 使用 video_player 播放视频

    【Flutter】Flutter 使用 video_player 播放视频 大家好,我是小雨青年,今天我要和大家分享一款非常实用的 Flutter 包—— video_player 。这个包可以让我们在 Flutter 应用中轻松地嵌入和控制视频播放,不论是 Android、iOS 还是 Web 平台。 本文重点介绍: video_player 的基本功能和用法 如

    2024年02月05日
    浏览(7)
  • vue2 使用 vue-video-player 播放m3u8 流地址视频

    安装插件  : 注意需要引入  videojs-contrib-hls ,否则无法播放hls流文件  main.js 引入 代码内引入: 注意点:    1.type: \\\'application/x-mpegURL\\\' ,否则无法播放流文件  2.aspectRatio: \\\'16:9\\\',  宽高比需要进行设置, 若没有进行设置,会出现黑边过高或者过宽的问题 常用API方法:

    2024年02月07日
    浏览(12)
  • flutter开发实战-video_player视频播放功能及视频缓存

    flutter开发实战-video_player视频播放功能及视频缓存

    flutter开发实战-video_player视频播放功能及视频缓存 最近开发过程中video_player播放视频, 在pubspec.yaml引入video_player 在iOS上,video_player使用的是AVPlayer进行播放。 在Android上,video_player使用的是ExoPlayer。 2.1 在iOS中的设置 在iOS工程中info.plist添加一下设置,以便支持Https,HTTP的视频

    2024年02月14日
    浏览(11)
  • vue-video-player,springboot实现视频分段下载播放

    vue-video-player,springboot实现视频分段下载播放

    事情的起因是在博主把项目部署到服务器上后,发现由于视频太大,加上服务器太垃圾,导致稍微大点的视频加载很久才能播放(指十多分钟…),然后就上网查找资料,看下咋实现。 这里涉及到有关http请求的知识“HTTP Header里的Range和Content-Range参数,Range是在请求头里 Ra

    2023年04月13日
    浏览(20)
  • 【vue】 vue 实现视频播放 vue-video-player

    【vue】 vue 实现视频播放 vue-video-player

    注:用来测试的在线视频url地址 1.下载依赖 vue2 推荐下载指定版本依赖,不然可能下载不下来报错。 2.全局注册main.js 3.新建vue文件 下班`

    2024年02月16日
    浏览(10)
  • 前端实现视频播放功能----vue-video-player --save

    前端实现视频播放功能----vue-video-player --save

    步骤一: npm安装插件 : npm install vue-video-player --save 如果报错 安装具体版本 如下所示: npm install --save vue-video-player@4.0.6  如果package.json文件内显示则为安装成功 步骤二: 局部引入---这里因为只有一个页面需要所有采用的局部引入 在需要的页面引入(这里注意路径不要写错

    2024年02月10日
    浏览(12)
  • flutter开发实战-video_player播放多个视频MediaCodecVideoRenderer error问题

    flutter开发实战-video_player播放多个视频MediaCodecVideoRenderer error问题 在开发过程中,我这里使用video_player播放多个视频的时候,出现了MediaCodecVideoRenderer error 使用video_player播放单个视频请查看 https://blog.csdn.net/gloryFlow/article/details/132124837 这里记录一下解决多个视频MediaCodecVideoRe

    2024年02月09日
    浏览(11)
  • vue 视频播放插件vue-video-player自定义样式、自动播放设置、设置一开始全屏播放视频

    vue 视频播放插件vue-video-player自定义样式、自动播放设置、设置一开始全屏播放视频

    1、背景 项目中有涉及视频播放的需求,并且UI设计了样式,与原生的视频video组件有差异,所以使用了vue-video-player插件,并对vue-video-player进行样式改造,自定义播放暂停按钮、全屏按钮、时间进度条样式等,自动播放设置、设置一开始全屏播放视频、监听全屏事件等。 2、效

    2024年02月05日
    浏览(10)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包