Unity 实现WebGL 实现内嵌播放视频

1、可以先创建一个Image /自行创建一个2D 空物体

创建完毕调整一下 画布大小和图片大小 我一般使用 1920*1080(这个根据自己需求自由调节)

2、删除掉Image的Image 组件(Remove Compoent 删除该组件) 添加一个Raw Image组件

3、创建一个渲染纹理

自己取个名字就行 

更改渲染纹理尺寸大小,可参考下面参数

4、将你创建的渲染纹理拖曳到 Raw Image 组件上的 Texture 上即可

5、添加播放视频Videoplayer

6、在Assets  创建文件夹 StreamingAssets

7、给Target Texture 添加上 你创建好的渲染纹理

8、更改视频组件播放路径(本地可以播放 WebGL环境也可以)

将视频源路径切换为 URL  

将视频文件放置 上一步创建的文件夹 ,使用本地路径方法即可

简单示例:使用脚本加载,也可以自己手动写

我写了一个脚本可以直接更改 脚本String 自动替换URL上去,需要根据你输入的文件名 而且需要是MP4格式,可根据需要自由更改

using UnityEngine;
using UnityEngine.Video;

public class URL_Video_Toggle : MonoBehaviour
{
    //[Header("地址路径")]
    private string url = "http://xxxxx.xxxxx.xxx/yyyy";//网络路径

    [Header("路径 文件名  ")]
    public string LuJing;
    void Start()
    {
        url = Application.streamingAssetsPath + "/";//+ "/video/";
        this.GetComponent<VideoPlayer>().url = url + LuJing + ".mp4";//改变路径
    }

}

直接挂载在视频组件 的物体上

输入你放在 StreamingAssets下的MP4 文件名字 就可以直接使用了

最后直接导出WebGL就可以 成功播放视频咯,一定要记得视频文件要放在 StreamingAssets 文件路径下 ,不然找不到

Unity WebGL中获取网页的Cookie是不直接支持的,因为Unity WebGL是在浏览器上运行的,它的安全策略限制了对浏览器的敏感信息的访问。 如果你需要在Unity WebGL中获取网页的Cookie,你可以考虑使用JavaScript和Unity之间的通信来实现。以下是一个示例: 1. 创建一个名为"JSInterface.jslib"的JavaScript库文件,并将其放置在Unity项目的Assets/Plugins文件夹中。文件内容如下: ```javascript mergeInto(LibraryManager.library, { GetDocumentCookie: function () { return document.cookie; }, }); ``` 2. 在Unity中创建一个名为"CookieManager.cs"的C#脚本,并将其附加到一个GameObject上。脚本内容如下: ```csharp using UnityEngine; public class CookieManager : MonoBehaviour { [DllImport("__Internal")] private static extern string GetDocumentCookie(); void Start() { // 调用JavaScript接口获取Cookie string cookie = GetDocumentCookie(); Debug.Log("网页的Cookie:" + cookie); } } ``` 注意,上述代码使用了DllImport特性,它将调用JavaScript库中的GetDocumentCookie函数。 3. 在Unity中构建WebGL项目,并在浏览器中运行。 当Unity WebGL项目在浏览器中运行时,将会调用GetDocumentCookie函数获取网页的Cookie,并在控制台输出。 请注意,这种方法依赖于浏览器对JavaScript与Unity之间的通信的支持。因此,请确保在支持WebGL的浏览器中测试。此外,由于涉及到浏览器安全性,获取Cookie的操作可能会受到一些限制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值