\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.zhijierongxing.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,"moduleId",2157157,"createdAt","2024-11-27T02:48:51.000Z","updatedAt","2025-02-26T07:10:32.000Z","creatorId",2551849,"editorId",[],"visibility","INHERITED","extraData",{"_1897":1898,"_1906":1907},"apiFieldList",[1899],{"_174":1887,"_191":1900,"_18":1901,"_1902":1888,"_1903":1904,"_1905":47},"updateAt","最后修改时间：","value","format","2025-02-26 07:10:32","hidden","dataSchemaDefinitions",{},"docsIdTypeData",{"_1910":1911,"_1912":1913,"_1881":1882,"_1914":1915,"_1916":1917,"_1918":1919,"_1920":136,"_1921":-7},"onlineType","APIDOC","onlineId",5427286,"teamId",3051181,"branchId",5123966,"visitType","customDomain","subdirectory","specialFileType","notification",[],"footerBanner",[],"projectSetting",{"_1928":1929,"_1930":1931,"_1945":1946,"_1947":1948,"_1949":1950,"_1951":1952},"auth",{},"advancedSettings",{"_1932":213,"_1933":213,"_1934":47,"_1935":213,"_1936":213,"_1937":1938,"_1939":1940},"enableJsonc","enableBigint","responseValidate","enableTestScenarioSetting","enableYAPICompatScript","isDefaultUrlEncoding",2,"publishedDocUrlRules",{"_1941":1942,"_1943":1944},"defaultRule","RESOURCE_KEY_ONLY","resourceKeyStandard","NEW","securityScheme",{},"mockSettings",{},"preProcessors",[],"postProcessors",[],"environments",{"_1955":-7,"_1956":1957,"_1958":1959},"selectedEnvironment","environmentList",[],"servers",[1960],{"_188":1961,"_18":1962},"default","默认服务","searchSettings",{},"versionSettings",[1967],{"_1916":1917,"_1968":47,"_18":1872,"_1969":1872,"_1953":1970},"isDefaultVersion","slug",{"_1971":1972,"_1973":187},"environmentIds",[],"defaultEnvironmentId","seoInfos",["M"],"itemPathPrefix",{"_1978":136,"_1979":136,"_1920":136},"baseUrl","versionSlug","appEnvMap",{"_1982":148},"appBrowserExtensionAdapterKey","customCodes",{"_1985":136},"javascript","primaryColorVariable",{"_1807":1988,"_1808":1989},"--app-primary-24: rgba(147, 115, 238, 0.24);--app-primary-20: rgba(147, 115, 238, 0.2);--app-primary-16: rgba(147, 115, 238, 0.16);--app-primary-12: rgba(147, 115, 238, 0.12);--app-primary-8: rgba(147, 115, 238, 0.08);--app-primary-6: rgba(147, 115, 238, 0.06);--app-primary-4: rgba(147, 115, 238, 0.04);--app-primary-base: rgb(147, 115, 238);--app-text-primary-base: rgb(147, 115, 238);--app-text-primary-high: var(--app-text-primary-base);--app-text-primary-medium: rgba(147, 115, 238, 0.7);--app-text-primary-low: rgba(147, 115, 238, 0.42);--app-text-primary-disabled: rgba(147, 115, 238, 0.32);--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;--app-primary: #9373EE;--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;--app-primary-tint-10: #9f80f0;--app-primary-tint-20: #ab8ef2;--app-primary-shade-08: #8769d9;--app-primary-shade-10: #8467d3;--app-primary-shade-16: #7a60c4;--app-primary-shade-24: #6e57af;--app-primary-t-04: rgba(147, 115, 238, 0.04);--app-primary-t-08: rgba(147, 115, 238, 0.08);--app-primary-t-12: rgba(147, 115, 238, 0.12);--app-primary-t-16: rgba(147, 115, 238, 0.16);--app-primary-t-20: rgba(147, 115, 238, 0.2);--app-primary-t-24: rgba(147, 115, 238, 0.24);--app-primary-t-34: rgba(147, 115, 238, 0.34);--app-primary-t-42: rgba(147, 115, 238, 0.42);--app-primary-t-72: rgba(147, 115, 238, 0.72);--app-primary-t-90: rgba(147, 115, 238, 0.9);--app-primary-high: rgb(147, 115, 238);--app-primary-medium: rgba(147, 115, 238, 0.35);--app-primary-low: rgba(147, 115, 238, 0.15);--app-outline-primary-border: var(--app-primary-t-16);--app-soft-primary-focus: var(--app-primary-t-12);--app-soft-primary-hover: var(--app-primary-t-08);--app-soft-primary-default: var(--app-primary-t-04);--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);","--app-primary-24: rgba(130, 118, 201, 0.24);--app-primary-20: rgba(130, 118, 201, 0.2);--app-primary-16: rgba(130, 118, 201, 0.16);--app-primary-12: rgba(130, 118, 201, 0.12);--app-primary-8: rgba(130, 118, 201, 0.08);--app-primary-6: rgba(130, 118, 201, 0.06);--app-primary-4: rgba(130, 118, 201, 0.04);--app-primary-base: rgb(130, 118, 201);--app-text-primary-base: rgb(130, 118, 201);--app-text-primary-high: var(--app-text-primary-base);--app-text-primary-medium: rgba(130, 118, 201, 0.7);--app-text-primary-low: rgba(130, 118, 201, 0.42);--app-text-primary-disabled: rgba(130, 118, 201, 0.32);--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;--app-primary: #8276C9;--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;--app-primary-tint-10: #8f83cf;--app-primary-tint-20: #9c90d4;--app-primary-shade-08: #776cb7;--app-primary-shade-10: #746ab3;--app-primary-shade-16: #6c62a6;--app-primary-shade-24: #625995;--app-primary-t-04: rgba(130, 118, 201, 0.04);--app-primary-t-08: rgba(130, 118, 201, 0.08);--app-primary-t-12: rgba(130, 118, 201, 0.12);--app-primary-t-16: rgba(130, 118, 201, 0.16);--app-primary-t-20: rgba(130, 118, 201, 0.2);--app-primary-t-24: rgba(130, 118, 201, 0.24);--app-primary-t-34: rgba(130, 118, 201, 0.34);--app-primary-t-42: rgba(130, 118, 201, 0.42);--app-primary-t-72: rgba(130, 118, 201, 0.72);--app-primary-t-90: rgba(130, 118, 201, 0.9);--app-primary-high: rgb(130, 118, 201);--app-primary-medium: rgba(130, 118, 201, 0.35);--app-primary-low: rgba(130, 118, 201, 0.15);--app-outline-primary-border: var(--app-primary-t-16);--app-soft-primary-focus: var(--app-primary-t-12);--app-soft-primary-hover: var(--app-primary-t-08);--app-soft-primary-default: var(--app-primary-t-04);--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