您现在的位置是:首页 >技术教程 >【虚拟仿真】Unity3D打包WEBGL后播放视频(VideoPlayer组件)网站首页技术教程

【虚拟仿真】Unity3D打包WEBGL后播放视频(VideoPlayer组件)

恬静的小魔龙 2023-06-08 20:00:02
简介【虚拟仿真】Unity3D打包WEBGL后播放视频(VideoPlayer组件)

推荐阅读

大家好,我是佛系工程师☆恬静的小魔龙☆,不定时更新Unity开发技巧,觉得有用记得一键三连哦。

一、前言

本篇文章实现Unity3D打包WEBGL后播放视频,如下图所示:
在这里插入图片描述
使用了VideoPlayer组件,代码比较简单。

主要就是有几个需要注意的点。

二、实现

2-1、搭建UI

在Hierarchy视图中国你,单击加号选择UI→Raw Image新建一个RawImage组件:
在这里插入图片描述

2-2、设置属性

(1)新建Texture,命名随意(在Project视图中右击选择Create→Render Texture):
在这里插入图片描述

(2)设置RawImage组件属性:
在这里插入图片描述

注意:
(1)设置宽高,这个最好与视频的宽高匹配,或者同比例缩放
(2)Texture需要跟VideoPlayer组件中Target Texture对象一致

(3)给RawImage对象添加VideoPlayer组件:
在这里插入图片描述

2-3、新建脚本Video.cs,编辑代码

新建脚本Video.cs,双击打开代码,编辑代码:

using System.IO;
using UnityEngine;
using UnityEngine.Video;

public class VideoTest : MonoBehaviour
{
    public VideoPlayer video;

    void Start()
    {
        string path = Path.Combine(Application.streamingAssetsPath, "Video/YWRS-滑脉.mp4");
        Debug.Log(path);
        video.url = path;
        video.Play();
    }
}

注意:
(1)注意路径,需要把视频放到StreamingAssets文件夹内,设置好自己视频的路径
(2)使用了Path.Combine来拼接两个路径,关于这个API还有更多应用就不累述
(3)错误路径写法:“file://” + Application.streamingAssetsPath + “/Video/” + “3-A腹腔镜准备及手术.mp4”

2-4、打包运行

在这里插入图片描述

三、后记

如果觉得本篇文章有用别忘了点个关注,关注不迷路,持续分享更多Unity干货文章。


你的点赞就是对博主的支持,有问题记得留言:

博主主页有联系方式。

博主还有跟多宝藏文章等待你的发掘哦:

专栏方向简介
Unity3D开发小游戏小游戏开发教程分享一些使用Unity3D引擎开发的小游戏,分享一些制作小游戏的教程。
Unity3D从入门到进阶入门从自学Unity中获取灵感,总结从零开始学习Unity的路线,有C#和Unity的知识。
Unity3D之UGUIUGUIUnity的UI系统UGUI全解析,从UGUI的基础控件开始讲起,然后将UGUI的原理,UGUI的使用全面教学。
Unity3D之读取数据文件读取使用Unity3D读取txt文档、json文档、xml文档、csv文档、Excel文档。
Unity3D之数据集合数据集合数组集合:数组、List、字典、堆栈、链表等数据集合知识分享。
Unity3D之VR/AR(虚拟仿真)开发虚拟仿真总结博主工作常见的虚拟仿真需求进行案例讲解。
Unity3D之插件插件主要分享在Unity开发中用到的一些插件使用方法,插件介绍等
Unity3D之日常开发日常记录主要是博主日常开发中用到的,用到的方法技巧,开发思路,代码分享等
Unity3D之日常BUG日常记录记录在使用Unity3D编辑器开发项目过程中,遇到的BUG和坑,让后来人可以有些参考。
风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。