微信小遊戲接入激勵視頻

準備

一、微信小程序廣告組件文檔 二、開通條件 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開發微信開發

相關文章
相關標籤/搜索