tencent cloud

游戏多媒体引擎

产品动态
产品介绍
产品概述
优势特性
产品功能
应用场景
安全合规认证
新手指引
产品计费
免费额度
购买指南
SDK 下载指引
产品功能体验
基本功能演示
场景化 Demo 体验
控制台指南
用量查看
服务开通
快速入门
快速接入 SDK
快速接入 Sample Project
基础功能开发指南
鉴权密钥
实时语音角色设置
音质选择
进阶功能开发指南
服务端录制
万人范围语音
3D 音效
音效与伴奏
网络音频流转发路由
自定义消息通道
如何应对公司防火墙限制
语言参数参考列表
房间管理功能
客户端 API
Unity SDK
Unreal Engine SDK
Cocos2D SDK
Windows SDK
iOS SDK
Android SDK
macOS SDK
H5SDK
Electron SDK
Flutter SDK
SDK 版本升级指引
错误码
编译工具链文档
服务端 API
History
Introduction
API Category
Usage APIs
Recording APIs
Making API Requests
Voice Chat APIs
Application APIs
Data Types
Error Codes
常见问题
产品功能问题
问题解决指南
计费相关问题
Sample Project 使用问题
一般性问题
鉴权相关问题
实时语音进房失败问题
实时语音无声及音频问题
网络问题
语音转文本问题
工程导出问题
服务协议
服务等级协议
联系我们
词汇表
GME 政策
数据处理和安全协议
隐私协议

工程配置

PDF
聚焦模式
字号
最后更新时间: 2024-01-18 15:13:51
为方便 H5 开发者调试和接入腾讯云游戏多媒体引擎 API,这里向您介绍适用于 H5 开发的预备工作。

H5 SDK 支持的功能

功能
H5 平台是否支持
基础实时语音功能
支持
音效与伴奏
部分支持
3D 语音
不支持
范围语音
不支持
房间管理
不支持
音频转发路由
不支持
自定义消息通道
不支持
语音消息
不支持
语音转文本
不支持

H5 SDK 支持的平台

操作系统平台
浏览器/webview
版本要求
备注
iOS
Safari
11.1.2
使用高版本的 Safari。
Chrome
-
iOS 下暂时不支持 Chrome 浏览器
微信浏览器
-
iOS 下暂时不支持微信浏览器
Android
TBS(微信和手机 QQ 的默认 Webview)
43600
微信和手机 QQ 默认内置的浏览器内核为 TBS
Chrome
60+
需要支持 H264
Mac
Chrome
47+
-
Safari
11+
-
Windows(PC)
Chrome
52+
-
10.2
-

准备工作

您可以通过以下步骤获取 SDK
1. 请进入 下载指引 页面。
2. 在界面中找到 H5 版本的 SDK 资源。
3. 在页面中单击下载,完成操作。

前端工程配置步骤

1. 端口号开放

如果所在网络有防火墙,请确定有开放以下端口:
协议
端口号
TCP
8687
UDP
8000 、 8800 、 443
使用 CDN 引入 SDK。

2. 引入前端库文件

参考以下代码,在工程中引入 WebRTCService.min.js。
<head>
<script src="../dist/WebRTCService.min.js"></script>
</head>

3. 添加 Audio 标签

<div id="gme-audio-wrap"></div>

服务器端部署步骤

使用 GME SDK 需要鉴权,鉴权部分涉及密钥,不适合在客户端实现,建议单独业务部署。 如暂时只需客户端实现,可参考我们提供的 Demo 工程。

1. 下载程序

下载 我们为您准备的 authBuffer 示例程序,该程序可以完成对指定的 SDKAppID 的鉴权信息签名。

2. 配置服务端鉴权工程

进入 signdemo 目录,修改 config.js 文件:打开 config.js 文件,先删除默认的配置,在删除代码处,调用 appidMap 函数(参数为在腾讯云后台申请的 SDKAppid 以及对应的鉴权 key)。
const AuthBufferConfig = function () {
this.appidMap = {};
this.appidMap["1400089356"] = "1cfbfd2a1a03a53e";
};
//将1400089356替换为在腾讯云后台申请的 sdkAppid,1cfbfd2a1a03a53e 替换为对应 sdkAppid 的鉴权 key
注意:
AuthKey 必须与您的 SDKAppid 相对应。

3. 部署服务端鉴权工程

进入 authBuffer 示例程序目录,执行以下语句,以安装相关依赖:
npm i
然后执行脚本 node index.js,运行签名服务。
注意:
由于使用到 async 语法,请确保您的 node 版本在8以上。命令行中执行 node -v 以查看版本。

4. 测试部署结果

可在命令行用以下命令测试(确保系统中有 curl 指令):
//生成userSig:
curl "http://127.0.0.1:10005/" --data "sdkappid=1400089356&roomid=1234123&openid=1234567"
执行签名程序后,签名程序会返回鉴权信息,返回参考如下:
{"userSig":"AqhHE7QHLFYPfV/zfyrdRYHfuUn6eOA8g/J6GMjVy//Shr5ByJPTi8hzR2KyXMvn","errorCode":0}


帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈