\n\n```\n\n## js\n```js\n //创建sdk 全局变量，只能创建一个\n var jysdk = new JY(2);\n \n //设备号，标识设备，可自行设定\n var sn = 'testsn';\n \n var channelId = '渠道id';\n var bsUrl = 'https://os.kaijiacloud.com/';\n \n //获取token =》后端 =》 openapi\n getToken();\n function getToken(){\n $.ajax({\n url:'/jyapi/getToken',\n type:'POST',\n dataType:'json',\n data:{\n sn:sn,\n// channel_id: \"后端补齐\",client_sid: \"后端补齐\",ip: \"后端补齐\",\n// time: \"后端补齐\",sign: \"后端补齐\"\n },\n success:function(res){\n if(res.status == 200){\n //授权token\n token = res.data.token;\n \n //初始化sdk, callback是sdk的消息回调函数，回调内容可以参考：流程和时间下的事件状态\n jysdk.sdkLoading(channelId, bsUrl, token, sn, callback);\n } else {\n //其他位错误\n console.log('getToken', res);\n }\n }\n });\n }\n \n var game_key = \"jy0013\";\n //开始游戏\n playGame({game_key:game_key});\n function playGame(params){\n //后端补齐：channel_id、client_sid、ip、time、sign\n //后端补齐：display_grade、queue_grade、save_time、save_from等字段\n params.sn = sn;\n params.model_name = getBrowser();\n \n //开始游戏 =》后端 =》 openapi\n $.ajax({\n url:'/jyapi/playGame',\n type:'POST',\n dataType:'json',\n data:params,\n success:function(res){\n if(res.status == 200){\n //开始游戏，第一个参数\"remoteVideo\"是video的id, callback是sdk的消息回调函数，回调内容可以参考：流程和时间下的事件状态\n jysdk.start('remoteVideo', res.data, callback, params);\n } else if (res.status == 201){\n //排队\n playQueue(res.data.play_queue_id);\n } else {\n //其他位错误\n console.log('playGame', res);\n }\n }\n });\n }\n \n //排队\n function playQueue(play_queue_id){\n //参数后端补齐：channel_id、client_sid、ip、time、sign\n //参数后端补齐：display_grade\n //排队 =》后端 =》 openapi\n $.ajax({\n url:'/jyapi/playQueue',\n type:'POST',\n dataType:'json',\n data:{sn:sn, play_queue_id:play_queue_id},\n success:function(res){\n if(res.status == 200){\n //排队成功，开始游戏\n playGame({game_key:game_key,play_queue_id:play_queue_id});\n } else if (res.status == 201){\n //排队 \n console.log('排队位置：', res.data.queue_pos + 1);\n setTimeout(function(){\n playQueue(play_queue_id)\n }, 11000);\n } else {\n //其他位错误\n console.log('playQueue', res);\n }\n }\n });\n }\n \n //虚拟手柄id\n var vgpid = null;\n function callback(json){\n switch (json.code) {\n case \"50000\":\n if (!vgpid) {\n vgpid = jysdk.addVirtualGamepad('self-defined Gamepad');\n }\n break;\n case \"50001\":\n // json.body.Rtt 表示延迟ms\n // json.body.packetsLost 表示丢包率%\n // json.body.FrameWidthReceived 视频流窗宽\n // json.body.FrameHeightReceived 视频流窗高\n // json.body.RBW_kBps 带宽 KB/s\n break;\n case \"51000\":\n //启动游戏加载进度30%\n break;\n case \"52000\":\n //启动游戏加载进度50%\n break;\n case \"54000\":\n //启动游戏加载进度80%，游戏启动\n break;\n case \"53100\":\n //启动游戏完成，进度100%，视频流接收成功\n setTimeout(function(){remoteVideo.play();}, 500);\n break;\n case \"54105\": //打开url\n var url = json.body;\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n break;\n case \"54111\": //鼠标位置\n console.log('鼠标位置', json);\n break;\n case \"54112\": //鼠标样式\n console.log('鼠标样式', json);\n break;\n case \"45001\": //\t长时间未操控\n return;\n default:\n console.log('回调信息', json);\n break;\n }\n }\n","folderId","projectId",5448875,"createdAt","2024-11-27T02:48:51.000Z","updatedAt","2026-05-20T08:05:17.000Z","creatorId",2551849,"editorId",[],"visibility","INHERITED","filePath","extraData",{"_2013":2014,"_2022":2023},"apiFieldList",[2015],{"_5":2002,"_206":2016,"_22":2017,"_2018":2003,"_2019":2020,"_2021":51},"updateAt","最后修改时间：","value","format","2026-05-20 08:05:17","hidden","dataSchemaDefinitions",{},"docsIdTypeData",{"_2026":2027,"_2028":2029,"_1998":1999,"_2030":2031,"_2032":2033,"_2034":2035,"_2036":144,"_2037":-7},"onlineType","APIDOC","onlineId",5427286,"teamId",3051181,"branchId",5123966,"visitType","customDomain","subdirectory","specialFileType","notification",[],"footerBanner",[],"projectSetting",{"_2044":2045,"_2046":2047,"_2061":2062,"_2063":2064,"_2065":2066,"_2067":2068},"auth",{},"advancedSettings",{"_2048":53,"_2049":53,"_2050":51,"_2051":53,"_2052":53,"_2053":2054,"_2055":2056},"enableJsonc","enableBigint","responseValidate","enableTestScenarioSetting","enableYAPICompatScript","isDefaultUrlEncoding",2,"publishedDocUrlRules",{"_2057":2058,"_2059":2060},"defaultRule","RESOURCE_KEY_ONLY","resourceKeyStandard","NEW","securityScheme",{},"mockSettings",{},"preProcessors",[],"postProcessors",[],"environments",{"_2071":-7,"_2072":2073,"_2074":2075},"selectedEnvironment","environmentList",[],"servers",[2076],{"_203":1969,"_22":2077},"默认服务","searchSettings",{},"versionSettings",[2082],{"_2032":2033,"_2083":51,"_22":1989,"_2084":1989,"_2069":2085},"isDefaultVersion","slug",{"_2086":2087,"_2088":202},"environmentIds",[],"defaultEnvironmentId","seoInfos",["M"],"itemPathPrefix",{"_2093":144,"_2094":144,"_2036":144,"_2095":53},"baseUrl","versionSlug","isSharedDocIndependentDomain","appEnvMap",{"_2098":156},"appBrowserExtensionAdapterKey","customCodes",{"_2101":144},"javascript","primaryColorVariable",{"_1894":2104,"_1898":2105},"--ui-primary-color-hover: var(--ui-primary-5);--ui-primary-color-active: var(--ui-primary-7);--ui-picker-basic-cell-hover-with-range-color: #36139c;--ui-picker-date-hover-range-border-color: #4e1be0;--ui-primary-base: #9373EE;--ui-primary-base-p: 147, 115, 238;--ui-primary-color-p: 147, 115, 238;--ui-primary-color: #9373EE;--ui-primary-10: #362b50;--ui-primary-9: #51407e;--ui-primary-8: #634e9b;--ui-primary-7: #7a60c4;--ui-primary-7-p: 122, 96, 196;--ui-primary-6: #9373EE;--ui-primary-6-p: 147, 115, 238;--ui-primary-5: #b499f4;--ui-primary-5-p: 180, 153, 244;--ui-primary-4: #cebaf8;--ui-primary-3: #dfd1fb;--ui-primary-2: #ebe2fc;--ui-primary-1: #f3eefe;--ui-primary-1-p: 243, 238, 254;--ui-primary-a: #f7f3fe;--ui-primary-b: #fbf9ff;--g-color-primary: #9373EE;--ui-btn-primary-color: #fff;--ui-lime-6-p: 160,217,17;--ui-orange-6-p: 250,140,22;--ui-yellow-6-p: 250,219,20;--ui-pink-6-p: 235,47,150;--ui-body-background: #ffffff;--theme-tars-item-active-bg: var(--ui-tree-node-selected-bg);--ifm-menu-color: var(--ui-text-color-sub);--ifm-menu-color-active: var(--ui-text-color-sub);--ifm-menu-color-background-hover: var(--ui-item-hover-bg);--theme-tars-border-color-split: var(--ui-border-color-split);","--ui-primary-color-hover: var(--ui-primary-7);--ui-primary-color-active: var(--ui-primary-5);--ui-picker-basic-cell-hover-with-range-color: #312865;--ui-picker-date-hover-range-border-color: #4b3d9c;--ui-primary-base: #8276C9;--ui-primary-base-p: 130, 118, 201;--ui-primary-color-p: 130, 118, 201;--ui-primary-color: #8276C9;--ui-primary-10: #dcd7f0;--ui-primary-9: #a69bd9;--ui-primary-8: #b0a5dd;--ui-primary-7: #9c90d4;--ui-primary-7-p: 156, 144, 212;--ui-primary-6: #8276C9;--ui-primary-6-p: 130, 118, 201;--ui-primary-5: #635a96;--ui-primary-5-p: 99, 90, 150;--ui-primary-4: #49436c;--ui-primary-3: #393452;--ui-primary-2: #312d46;--ui-primary-1: #252333;--ui-primary-1-p: 37, 35, 51;--ui-primary-a: #21202d;--ui-primary-b: #1e1c28;--g-color-primary: #8276C9;--ui-btn-primary-color: #fff;--ui-lime-6-p: 160,217,17;--ui-orange-6-p: 250,140,22;--ui-yellow-6-p: 250,219,20;--ui-pink-6-p: 235,47,150;--ui-body-background: #1a1922;--theme-tars-item-active-bg: var(--ui-tree-node-selected-bg);--ifm-menu-color: var(--ui-text-color-sub);--ifm-menu-color-active: var(--ui-text-color-sub);--ifm-menu-color-background-hover: var(--ui-item-hover-bg);--theme-tars-border-color-split: var(--ui-border-color-split);","routes/_index/route","actionData","errors"]

示例

一、sdk js#

简单示例：#

页面#

js#

一、sdk js

简单示例：

页面

js