微信小游戏接入激励视频

准备

一、微信小程序广告组件文档 二、开通条件 image 三、已经申请开通流量主而且经过了html

实际操做

开发文档前端

思路

一、先实例一个对象,由于文档中有说起: image 二、在根据项目状况调用改方法。 三、回调处理web

开始

先别着急着写代码,上微信小游戏把相关的东西配置好 登陆微信公众平台 image image 点击获取代码 复制代码 这步骤咱们直接复制粘贴就行,可是为了兼容性咱们必须对这段代码进行修改小程序

//farm.ts
	private videoAd;//保存视频实例
	public initVideoAd() {//初始化视频方法
	
		//实例
		let videoAd = wx.createRewardedVideoAd({
			adUnitId: '你的视频ID'
		})

		this.videoAd = videoAd;

		videoAd.load()

	   //捕捉错误
		videoAd.onError(err => {
			console.log(err)
		})

		//关闭视频的回调函数
		videoAd.onClose(res => {
			// 用户点击了【关闭广告】按钮
			// 小于 2.1.0 的基础库版本,res 是一个 undefined
			console.log(res)
			if (res && res.isEnded || res === undefined) {
				// 正常播放结束,能够下发游戏奖励
				if (this.isStudy) {
					return;
				}
				let data = {
					"cmd": 150,
					"requestId": 12121,
				};
				this.sendSocketMsg(data);
			} else {
				WxKit.showToast('您的视频还没看完,没法得到奖励')
				// 播放中途退出,不下发游戏奖励
			}
		})
	}

以上代码根据状况在实际项目中调用便可微信小程序

做者简介:何永峰,芦苇科技web前端开发工程师,喜欢处处寻找好吃的,爱好跳舞,打篮球,听音乐,目前是Acum.Revolution現狀革命成员之一,不按期出席大型的舞蹈商演活动。表明做品:萌鸡驾到小游戏、美旅出行小程序、Nice电竞小程序。擅长网站建设、微信小程序开发、小游戏制做、企业微信制做、H5建设,专一于前端框架、交互设计、图像绘制、数据分析等研究。前端框架

欢迎和咱们一块儿并肩做战: web@talkmoney.cn 访问 www.talkmoney.cn 了解更多微信

提供专业的广州钉钉开发,靠谱的企业微信开发,深圳微信小程序建设,高质量的小游戏外包,东莞H5开发微信开发

相关文章
相关标签/搜索