UnityWebGL播放视频(PC端)

本人所用Unity版本2018.3.0。利用Unity自带的VideoPlayer实现WebGL端播放视频。文章末尾附带工程,可自行下载。

1.新建UI RawImage-----在Project视图下新建RenderTexture-----将RenderTexture拖入到RawImage的Texture中。

2.在RawImage上添加VideoPlayer组件----Source选择URL----RenderMode选择RenderTexture----将第一步新建的RenderTexture拖入到VideoPlayer组件的TargetTexture框中。整体场景如下:

UnityWebGL播放视频(PC端)_第1张图片

3.新建TestVideoPlayer脚本挂载在上图的空物体PlayManager上-----将所要播放的视频放在StreamingAssets文件夹下----视频获取方式是URL(主要代码:video_Path = Application.streamingAssetsPath  + "/example.mp4"),整体脚本如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Video;
using UnityEngine.UI;

public class TestVideoPlayer : MonoBehaviour
{
    string video_Path = "";//视频路径
    public VideoPlayer videoplayer;//从场景中拖入挂载VideoPlayer组件的RawImage
    public Text text;//为了打印路径,可忽略。
    private void Awake()
    {
        video_Path = Application.streamingAssetsPath  + "/example.mp4";
        text.text = video_Path;
        videoplayer.url = video_Path;
    }

    public void StartPlay()
    {
        //开始或者继续播放
        videoplayer.Play();
    }

    public void PausePlay()
    {
        //暂停播放
        videoplayer.Pause();
    }

    public void StopPlay()
    {
        //停止播放
        videoplayer.Stop();
    }

}

场景如下:

UnityWebGL播放视频(PC端)_第2张图片

场景中三个按钮分别绑定脚本的三个方法,具体如下:

UnityWebGL播放视频(PC端)_第3张图片

打包WebGL后运行效果如下:

UnityWebGL播放视频(PC端)_第4张图片

项目工程链接:

链接:https://pan.baidu.com/s/1Jdo7Js4nXKBXgkdZA-E9Gg
提取码:4cy3

你可能感兴趣的:(UnityWebGL播放视频(PC端))