1.7.3 • Published 8 months ago
cloudgamingsdk v1.7.3
JavaScript SDK接入使用说明
demo源码使用文档
// vue react
import {CloudGamingSDK} from 'yx-cloudgamingsdk'<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<title>sdk</title>
<style>
.button{
width: 50px;
height: 30px;
position: fixed;
top: 10px;
left: 10px;
color: red;
}
</style>
</head>
<body>
<div id="mount-point"></div>
<button class="button">close</button>
</body>
</html>
<script src="./CloudGamingSDK.umd.cjs"></script>
<script>
CloudGamingSDK.init({
requestUrl: 'http://192.168.31.221:10103/m1', //SDK接入地址
uid:'2222',//用户id
tid: 12345,//租户Id
token:'xxxxxxx',
mount: 'mount-point',
autoRotateContainer:true, // 自动旋转
showLoading:true,
keepLastFrame:false,//保持最后一帧
onInitSuccess(res){
CloudGamingSDK.startCloudGame({
demoCheck:true,//是否是测试模式, true是测试模式, false是正常申请模式
containerId:171,//指定容器id
videoQualityLevel:'',//编码清晰度 720p 1080p 2k 4k
graphicsLevel:'',//游戏画质等级 游戏启动的画质等级, 如:1080p-middle, 720p-middle, 720p-low 缺省为:1080p-middle。
version:1,//游戏版本号
startAppParam:'',//游戏启动参数
appId:10007,// 游戏id
//regionCode:'SEA', //区域
noInputTimeoutS:300 // 用户无操作 超时时间 (s)
}).then(res=>{
console.log('success',res);
CloudGamingSDK.join(res)
})
},
//连接成功回调
onConnectSuccess(res){
document.querySelector('.button').onclick = function(params) {
CloudGamingSDK.exit().then(res=>{})
},
//连接断开回调
onDisconnect: (res) => {
console.log('onDisconnect', res);
},
// 视频流实时信息
onWebrtcStatusChange: (res) => {
console.log('onWebrtcStatusChange', res);
},
// 移动端玩pc游戏 移动端触摸事件回调
onTouchEvent: (res) => {
const [{ pageX: oneX, pageY: oneY }] = res;
CloudGamingSDK.mouseMove(id, type, pageX, pageY);
if (type === 'touchstart') {
CloudGamingSDK.sendMouseEvent({ type: 'mouseleft', down: true });
}
if (type === 'touchend' || type === 'touchcancel') {
CloudGamingSDK.sendMouseEvent({ type: 'mouseleft', down: false });
}
}
})
<script>1.7.3
8 months ago