Web SDK 下載云手機(jī) UPhone

ernest.wang 發(fā)布于2022-07-12 16:57 / 2064人閱讀

摘要：示例代碼獲取云手機(jī)媒體流獲取云手機(jī)媒體流建立信令服務(wù)器連接并且連接成功后，即可獲取遠(yuǎn)程媒體流。示例代碼添加視頻流到標(biāo)簽說明目前云手機(jī)視頻流比例分為或兩種。

Web SDK 下載

SDKZIP包GitHubWEBSDKGitHub下載

概述

本篇目錄

歡迎使用WEB UPhone SDK ，產(chǎn)品能夠?yàn)殚_發(fā)者提供更便捷接入、高可靠的云手機(jī)服務(wù)，讓開發(fā)者快速搭建實(shí)時(shí)項(xiàng)目。開發(fā)者可在WEB UPhone SDK提供的功能基礎(chǔ)上開發(fā)新功能，同時(shí)還可結(jié)合官方提供的配套demo進(jìn)一步了解內(nèi)置功能，應(yīng)用場(chǎng)景廣闊，開發(fā)簡(jiǎn)單易懂。

快速入門&集成SDK

準(zhǔn)備環(huán)境

在開始集成 WEB UPhone SDK前，請(qǐng)確保開發(fā)環(huán)境滿足一下要求：

? 準(zhǔn)備一臺(tái)可以連接到互聯(lián)網(wǎng)的Windows或macOS計(jì)算機(jī)。

? 使用最新版本的Chrome瀏覽器。

導(dǎo)入SDK

1．解壓SDK壓縮包，將sdk文件夾放入項(xiàng)目中。*開發(fā)者可借鑒官方提供demo。

用戶創(chuàng)建媒體界面，并在媒體界面導(dǎo)入"controller.js"、"proto.js"。

說明：在創(chuàng)建引擎之前，開發(fā)者需定義一個(gè)id為remote-video的video標(biāo)簽，SDK會(huì)在這個(gè)元素內(nèi)加載音視頻。video標(biāo)簽設(shè)置autoplay、playsinline、webkit-playsinline屬性。

示例代碼

<div>
    <video id="remote-video" autoplay="autoplay" playsinline webkit-playsinline>video>
  div>
<script src="./sdk/proto.js">script>
<script type="module">
import controller from "../sdk/controller.js "; //文件路徑不固定
script>

初始化創(chuàng)建引擎實(shí)例，創(chuàng)建controller引擎實(shí)例，將參數(shù)傳入。

var Controller = new controller(loadingParams)

示例代碼

<div>
    <video id="remote-video" autoplay="autoplay" playsinline webkit-playsinline>video>
  div>
<script src="./sdk/proto.js">script>
<script type="module">
import controller from "../sdk/controller.js "; //文件路徑不固定
//----第一步初始化SDK----
var loadingParams = {
        Id: "替換為可用ID", 
        mediaConstraints: {
            audio: true,
            video: true,
        },
        gamename: "拉起游戲名字",
        jobid: "唯一即可", //
        token:"如果調(diào)用api接口SetUPhoneToken進(jìn)行了設(shè)置，此處為必填，否則為可選" 
    }
 var Controller = new controller(loadingParams)
script>

參數(shù)說明

Id:可連接的云手機(jī)ID。必填

mediaConstraints:連接約束條件。必填

audio:true/false,為true則獲取音頻流。

video:true/false,為true則獲取視頻流

gamename:**要拉起的游戲名稱

jobid:**唯一即可

token:如需調(diào)用api接口SetUPhoneToken進(jìn)行了設(shè)置,*此處為必填。

API接口

狀態(tài)回調(diào)函數(shù)

具體例子請(qǐng)查看官方demo

示例代碼

Controller.onstatus(statustype,callback)

參數(shù)類型必填意義callback回調(diào)函數(shù)(states)=>{}states狀態(tài)回調(diào)函數(shù)返回值statustypestring是可選值devicestatus:獲取設(shè)備狀態(tài)networkstatus:獲取網(wǎng)絡(luò)連接狀態(tài)gamestatus:獲取一鍵啟動(dòng)游戲狀態(tài)

Controller.onstatus(statustype,callback)
//設(shè)備連接狀態(tài)回調(diào)
      Controller.onstatus("devicestatus", (states) => {
        if (states == 1001) {
          console.log("連接設(shè)備失敗");
        }
        if (states == 1003) {
          console.log("創(chuàng)建設(shè)備控制失敗");
        }
        if (states == 1008) {
          console.log("服務(wù)器應(yīng)答失敗");
        }
        if (states == 1026) {
          console.log("設(shè)備已被占用");
        }
        if (states == 73002) {
         console.log("設(shè)備不存在");
        }
      });
      //網(wǎng)絡(luò)連接狀態(tài)回調(diào)
      Controller.onstatus("networkstatus", (states) => {
        if (states == "connected") {
          console.log("網(wǎng)絡(luò)連接成功");
        }
        if (states == "disconnected") {
          console.log("網(wǎng)絡(luò)連接失敗");
        }
      });
      //啟動(dòng)游戲狀態(tài)回調(diào)
      Controller.onstatus("gamestatus", (states) => {
        if (states == "success") {
          console.log("啟動(dòng)成功");
        }
        if (states == "fail") {
          console.log("啟動(dòng)失敗");
        }
      });
      //切換分辨率狀態(tài)回調(diào)
      Controller.onstatus("resolution", (states) => {
        if (states == "success") {
          console.log("切換成功");
        } else {
          console.log("切換失敗");
        }
      });

連接云手機(jī)

開發(fā)者在媒體界面創(chuàng)建實(shí)例之后，即可啟動(dòng)云手機(jī)建立連接。

示例代碼

Controller.startConnection();

獲取云手機(jī)媒體流

建立信令服務(wù)器連接并且p2p連接成功后，即可獲取遠(yuǎn)程媒體流。

示例代碼

var stream = Controller.getRemoteStream();
var phoneVideo = document.getElementById("remote-video");
phoneVideo.srcObject = stream;     // 添加視頻流到video標(biāo)簽

說明 : 目前云手機(jī)視頻流比例分為1:2或9:16兩種。開發(fā)者可在video標(biāo)簽方法onloadedmetadata中獲取到視頻流實(shí)際寬高，根據(jù)視頻比例設(shè)置需要展示的video大小即可。

如：獲取到視頻流寬為720，高為1440。video標(biāo)簽可設(shè)置寬高保證1:2比例即可。

斷開云手機(jī)連接

斷開連接調(diào)用以下接口

示例代碼

  Controller.closeConnection();

重新連接

重新建立云手機(jī)連接

示例代碼

  Controller.reStart();

切換分辨率

切換分辨率時(shí)傳入規(guī)定好的分辨率id，即可切換對(duì)應(yīng)的分辨率

說明：手機(jī)端切換分辨率傳遞id不同，可參照下方參數(shù)說明

示例代碼

 Controller.changeResolution(id);

參數(shù)類型必填意義idNumber是1:2視頻流比例：1標(biāo)清2高清3超清9:16視頻流比例：0標(biāo)清3高清6超清獲取最后一次操作的時(shí)間戳

示例代碼

 Controller.getLastTimeStamp();  //單位毫秒

獲取延遲顯示

獲取網(wǎng)絡(luò)延遲時(shí)間

示例代碼

 Controller.getNetDelay(callback)

 Controller.getNetDelay((roundtime)  => {console.log(roundtime) //單位毫秒;

參數(shù)類型必填意義callback回調(diào)函數(shù)(roundtime)=>{}延遲回調(diào)返回延遲信息單位毫秒返回云手機(jī)桌面

返回到云手機(jī)桌面

示例代碼

 Controller.backHome();

一鍵拉起游戲

調(diào)用該方法一鍵啟動(dòng)云手機(jī)內(nèi)游戲

示例代碼

 let message = {
   gamename:"xxx.xxx.xxx", //游戲包名
   jobid: "", //后臺(tái)區(qū)分任務(wù)標(biāo)識(shí)，唯一即可   
 };
 Controller.startGame(message);

清理云手機(jī)后臺(tái)進(jìn)程

清理云手機(jī)后臺(tái)應(yīng)用（前端顯示的應(yīng)用不受影響）

示例代碼

 Controller.clearUp()

導(dǎo)入官方 Demo

下載官方demo壓縮包，解壓文件將文件夾導(dǎo)入到開發(fā)工具。

可在本地服務(wù)環(huán)境下運(yùn)行，瀏覽器調(diào)試。

常見錯(cuò)誤碼

GPU云服務(wù)器云服務(wù)器下載云手機(jī)助手短信sdk下載 androidstudio下載sdk 阿里通信 sdk下載

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/126658.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

ernest.wang

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

特朗普勝任，將對(duì)跨境電商賣家產(chǎn)生哪些影響？

閱讀 478·2024-11-07 18:25
幻獸帕魯常見問題匯總

閱讀 130832·2024-02-01 10:43
在Linux和Windows上部署帕魯?shù)膮^(qū)別？

閱讀 954·2024-01-31 14:58
怎么重啟幻獸帕魯云服務(wù)器？

閱讀 919·2024-01-31 14:54
幻獸帕魯自建服務(wù)器存檔備份及回檔 - windows篇

閱讀 83035·2024-01-29 17:11
小白必讀教程，幻獸帕魯服務(wù)器手動(dòng)部署教程 - Windows篇

閱讀 3297·2024-01-25 14:55
A800GPU租用-A800顯卡

閱讀 2081·2023-06-02 13:36
5G短信和普通短信的區(qū)別

閱讀 3195·2023-05-23 10:26

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購！

Web SDK 下載云手機(jī) UPhone

Web SDK 下載

概述

本篇目錄

快速入門&集成SDK

API接口

導(dǎo)入官方 Demo

常見錯(cuò)誤碼

相關(guān)文章

***SDK下載云手機(jī)* *UPhone***

概覽云手機(jī) UPhone

概覽云手機(jī) UPhone

概覽云手機(jī) UPhone

***SDK下載云手機(jī)* *UPhone***

***SDK下載云手機(jī)* *UPhone***

發(fā)表評(píng)論

0條評(píng)論

ernest.wang

男|高級(jí)講師

TA的文章

特朗普勝任，將對(duì)跨境電商賣家產(chǎn)生哪些影響？

幻獸帕魯常見問題匯總

在Linux和Windows上部署帕魯?shù)膮^(qū)別？

怎么重啟幻獸帕魯云服務(wù)器？

幻獸帕魯自建服務(wù)器存檔備份及回檔 - windows篇

小白必讀教程，幻獸帕魯服務(wù)器手動(dòng)部署教程 - Windows篇

A800GPU租用-A800顯卡

5G短信和普通短信的區(qū)別

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購！

Web SDK 下載 云手機(jī) UPhone

本篇目錄

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購！

Web SDK 下載云手機(jī) UPhone