五步完成unity与微信(游戏)小程序交互创建视频

本文基于minigame-unity-webgl-transform方案，此方案支持大部分Unity组件及方法，比较可惜的是目前版本不支持任何形式的Video播放（不管是MovieoTexture、VideoPlayer还是其他第三方的视频播放插件,比如AVPro、EasyMovieTexture）。

而且当前版本中也无法通过微信的sdk来创建视频

通过unity与微信小程序交互的方式调用微信小程序原生sdk来创建视频

（目前仅支持覆盖在游戏界面上播放，无法做到类似videoplayer那样在场景中进行播放）。

第一步：

在unity的Assets目录下创建Plugins文件夹，并在其中创建externFunction.jslib文件，内容如下：

mergeInto(LibraryManager.library, {
PlayVideos: function (_src) {
	PlayVideo(Pointer_stringify(_src));
}
});

第二步：

创建一个C#脚本，其中添加如下内容：

    /// <summary>
    /// 按照视频名播放视频
    /// </summary>
    /// <param name="audioname"></param>
    [DllImport("__Internal")]
    private static extern void PlayVideos(string _src);
    public void PlayJsVideo(string _src)
    {
        PlayVideos(_src);
    }

第三步：

在场景中创建一个button，并将上面的PlayJsVideo事件添加到onclick事件上。

第四步：

保存场景，并将场景添加到BuildingSetting中，如下图所示：

第五步：

通过微信小游戏的插件导出WEBGL并转换为小游戏，如下图所示：

转换完成后，在打包目录的minigame下找到webgl.wasm.framework.unityweb.js，并在文件开头添加如下内容：

//获取屏幕长宽
let { screenWidth, screenHeight } = wx.getSystemInfoSync();
function PlayVideo(_src){
  var video = wx.createVideo({
    x: 0,
    y: 0,
    width: screenWidth,
    height: screenHeight,
    // 显示默认的视频控件
    controls: true,
    // 是否自动播放
    autoplay:true,
    // 传入视频地址
    src:_src
  });
  //全屏播放视频
  video.requestFullScreen(0);
  //监听视频播放状态，播放完毕后退出全屏并销毁视频
  video.onEnded(()=>{
    video.exitFullScreen();
    video.destroy();
  });
}

搞定收工~

以上就是五步完成unity与微信(游戏)小程序交互创建视频的详细内容，更多关于unity与微信(游戏)小程序交互的资料请关注我们其它相关文章！

赞 (0)

相关推荐

  • Unity实现3D射箭小游戏

    Unity实现3D射箭小游戏

    Unity 小游戏:3D射箭,供大家参考,具体内容如下 前两周因为实训太忙,再加上自己对老师所讲的设计模式并不是很理解,所以就没有写博客.这次博客是记录3D射箭游戏的实现过程. 1. 准备资源 我是在网上找的弓与箭的资源,至于靶子,创建五个不同大小的同心圆柱体,如图所示: 需要注意的是,五个圆柱体并不在同一个平面上,这样才能够看清每一环的颜色,并且在检测碰撞时不会出现各种问题. 另外,如果靶子放得离相机太近,就没有射箭的感觉了:离相机太远,好像又看不清靶子了,然后我试着把靶子Material的S

  • 手把手教你写一个微信小程序（推荐）

    需求 小程序语音识别,全景图片观看,登录授权,获取个人基本信息 一:基础框架 官方开发文档:https://developers.weixin.qq.com/miniprogram/dev/ (其实官方文档写的很清楚了) 1.跟着官方文档一步一步来,新建一个小程序项目就好 2.然后呢,毕竟默认的只是基本骨架,肌肉线条还是要自己填的 app.json 是当前小程序的全局配置 小程序的所有页面路径.界面表现.网络超时时间.底部 tab 需求一:底部tab,我们要像原生APP那样要有是三个常驻的按钮,

  • 微信小程序 实战小程序实例

    微信小程序 实战小程序实例

    微信小程序基本组件和API已撸完,总归要回到正题的,花了大半天时间做了个精简版的百思不得姐,包括段子,图片,音频,视频,四个模块.这篇就带着大家简述下这个小的APP,源码会放到GitHub上欢迎start. 项目中我能学到什么? tabbar使用方式 网络调用真实接口 loading使用 scroll-view实现下拉刷新上拉加载 image组件对图片的处理, 音乐和视频组件的使用 跳转传值使用 等等等.... app.json全局配置文件 { "pages":[ "page

  • Unity实现见缝插针小游戏

    本文实例为大家分享了Unity实现见缝插针游戏的具体代码,供大家参考,具体内容如下 控制小球旋转 using System.Collections; using System.Collections.Generic; using UnityEngine; public class RotateSelf : MonoBehaviour { //每秒旋转90度 public float speed = 90; // Update is called once per frame void Updat

  • 五步完成unity与微信(游戏)小程序交互创建视频

    五步完成unity与微信(游戏)小程序交互创建视频

    本文基于minigame-unity-webgl-transform方案,此方案支持大部分Unity组件及方法,比较可惜的是目前版本不支持任何形式的Video播放(不管是MovieoTexture.VideoPlayer还是其他第三方的视频播放插件,比如AVPro.EasyMovieTexture). 而且当前版本中也无法通过微信的sdk来创建视频 通过unity与微信小程序交互的方式调用微信小程序原生sdk来创建视频 (目前仅支持覆盖在游戏界面上播放,无法做到类似videoplayer那样在场

  • 有关微信的小程序和小游戏的区别

    小游戏是小程序的一个类目,小游戏是微信开放给小程序的更多的能力,让小程序开发者有了开发游戏的能力.小游戏没有WXSS.WXML.多页面等内容,但加了一些渲染.文件系统以及后台多线程的功能. 小游戏的运行环境是小程序环境的扩展,基本思路也是封装必要的 WEB 接口提供给用户,尽可能追求和 WEB 同样的开发体验.小游戏在小程序环境的基础上提供了 WebGL 接口的封装,使得渲染能力和性能有了大幅度提升.不过由于这些接口都是微信团队通过自研的原生实现封装的,所以并不可以等同为浏览器环境. 小游戏的运

  • 详解微信第三方小程序代开发

    详解微信第三方小程序代开发 微信申请第三方之后可以获取授权方的很多权限,主要的是生码和待开发,生码的第三方授权之前已经写了一篇文章,最近做了小程序待开发,总结一下写下来供大家参考 注意事项:如果在调试过程中返回了错误码请到小程序代开发api页面查看,   小程序代开发使用的域名是你申请第三方时候填写的域名, 小程序代码模板最多只有50个,可以删除然后重新添加. 准备工作: 申请微信第三方并且权限那边要选上代开发,第三方申请成功之后就是准备小程序了,需要两个小程序,一个作为小程序代码库,一个作为用

  • PHP配合fiddler抓包抓取微信指数小程序数据的实现方法分析

    本文实例讲述了PHP配合fiddler抓包抓取微信指数小程序数据的实现方法.分享给大家供大家参考,具体如下: 这两天研究了下微信指数这个东西.要抓取呢,按照一般思路的话,那就是使用fiddler抓取手机包,然后进行分析获取地址然后请求就可以了. 这么想你是没错,如果你果断这么做了,那就是too yang too simple了.大家可以看下,微信抓取有以下几个步骤: 1.开始登陆小程序 2.获取访问需要的令牌 3.那这令牌去获取数据 首先的难点就是小程序的登陆那一步.你得先登陆了微信之后才可以访

  • Java后端对接微信支付(小程序、APP、PC端扫码)包含查单退款

    Java后端对接微信支付(小程序、APP、PC端扫码)包含查单退款

    首先我们要明确目标,我们点击微信支付官网,我们主要聚焦于这三种支付方式,其中JSPAI与APP主要与uniapp开发微信小程序与APP对接,而NATIVE主要与网页端扫码支付对接 1.三种支付统一准备工作 建议导入这个jar,里面一些提供map和xml互转以及生成签名的函数,使用非常方便. <dependency> <groupId>com.github.wxpay</groupId> <artifactId>wxpay-sdk</artifactId

  • 微信小程序 自定义创建详细介绍

    微信小程序 自定义创建详细介绍

    微信小程序 自定义创建,最近自己捣鼓微信小程序的东西,这里对自定义创建做一个简单的资料整理,也许可以帮助大家.  微信小程序  自定义创建 自定义创建与默认创建完全相同, 只是不要勾选quick start即可 淡定(不要看到报错就紧张, 一定要淡定) 看看它说了什么, no such file or directory(没有文件或目录), 没哪个文件, 哦 原来是 app.json. 还记得 .json是什么文件不, 对喽, 全局配置文件. 没有配置文件就像没有汽油的布加迪, 跑起来才怪. 话

  • 微信小程序激励式视频广告组件使用详解

    微信小程序激励式视频广告组件使用详解

    微信小程序搜索:短视频去水印解析 目前微信小程序针对个人来说广告是最好的变现方式,广告主要分为: 1. Banner 2. 激励式视频 3. 插屏 Banner广告很简单,插入代码就可以显示 这里介绍下激励式视频广告实现(观看完整广告奖励积分): //视频广告 let videoAd = null; //视频广告拉取状态 let videoAdPushStatus = false; Page({ data: { //积分总数 creditsAmountSum: 100 }, onLoad(opt

  • java实现打字游戏小程序

    本文实例为大家分享了java实现打字游戏小程序的具体代码,供大家参考,具体内容如下 一.设计思路 1.创建一个窗体 2.在窗体上放置一个面板,用paint方法画出英文字母,随机放置字母位置,并随时间自动下落 3.设置得分扣分机制 4.在面板上添加键盘监听器,输入正确得分,输入错误则扣分 ps:面板和监听器用一个类实现(这样简单方便) 二.具体实现 MyPanel.java import java.awt.Color; import java.awt.Font; import java.awt.G

  • 微信小程序  自定义创建详细介绍

    微信小程序  自定义创建详细介绍

    微信小程序 自定义创建,最近自己捣鼓微信小程序的东西,这里对自定义创建做一个简单的资料整理,也许可以帮助大家.  微信小程序  自定义创建 自定义创建与默认创建完全相同, 只是不要勾选quick start即可 淡定(不要看到报错就紧张, 一定要淡定) 看看它说了什么, no such file or directory(没有文件或目录), 没哪个文件, 哦 原来是 app.json. 还记得 .json是什么文件不, 对喽, 全局配置文件. 没有配置文件就像没有汽油的布加迪, 跑起来才怪. 话

  • Python3 微信支付(小程序支付)V3接口的实现

    起因: 因公司项目需要网上充值功能,从而对接微信支付,目前也只对接了微信支付的小程序支付功能,在网上找到的都是对接微信支付V2版本接口,与我所对接的接口版本不一致,无法使用,特此记录下微信支付完成功能,使用Django完成后端功能,此文章用于记录使用, 以下代码仅供参考,如若直接商用出现任何后果请自行承担,本人概不负责. 功能: 调起微信支付,微信回调 代码: 1.准备工作: mchid = "xxxxxx" # 商户号 pay_key = "xxxxxx" # 商

随机推荐