tencent cloud

Game Multimedia Engine

릴리스 노트
제품 소개
제품 개요
장점 및 특징
제품 기능
응용 시나리오
보안 및 컴플라이언스 인증
사용자 튜토리얼
SDK 다운로드 가이드
제품 기능 데모
기본 기능 데모
시나리오 기반 Demo
콘솔 가이드
사용량 조회
서비스 활성화
시작하기
Quick Integration of SDK
Quick Integration of Sample Project
기본 기능 개발 가이드
인증 키
실시간 음성 채팅 역할 설정
음질 선택
고급 기능 개발 가이드
서버 녹음
레인지 보이스
3D 음향 효과
음향 효과 및 반주
네트워크 오디오 스트림 포워딩 라우팅
사용자 지정 메시지 채널
회사 방화벽 제한을 해결하는 방법
Language Parameter Reference List
GME 채팅방 관리 통합
클라이언트 API
Unity SDK
SDK for Unreal Engine
Cocos2D SDK
SDK for Windows
SDK for iOS
SDK for Android
SDK for macOS
H5 SDK
Electron SDK
SDK for Flutter
SDK Version Upgrade Guide
에러 코드
Toolchain
Server APIs
History
Introduction
API Category
Usage APIs
Recording APIs
Making API Requests
Voice Chat APIs
Application APIs
Data Types
Error Codes
FAQ
제품 기능
문제 해결 가이드
과금
Sample Project 사용 문제
일반 문제
인증
방 입장 실패
사운드 및 오디오
네트워크
음성을 텍스트로 변환
프로그램 내보내기
Service Agreement
Service Level Agreement
문의하기
용어집
GME 정책
데이터 처리 및 보안 계약
개인 정보 보호 정책

Project Configuration

PDF
포커스 모드
폰트 크기
마지막 업데이트 시간: 2024-01-18 15:13:51
This document describes how to get started with the GME APIs for HTML5.

Features Supported by the SDK for HTML5

Feature
Supported by HTML5
Basic voice chat features
Yes
Sound effect and accompaniment
Partially supported
3D voice
No
Range voice
No
Room management
No
Audio forwarding routing
No
Custom message channel
No
Voice messaging
No
Speech-to-text
No

Platforms Supported by the SDK for HTML5

OS/Platform
Browser/WebView
Version Requirement
Remarks
iOS
Safari
11.1.2
Safari on a later version
Chrome
-
iOS currently doesn't support Chrome.
Weixin browser
-
iOS currently doesn't support the Weixin browser.
Android
TBS (the default WebView of Weixin and Mobile QQ)
43600
The default built-in browser kernel of Weixin and Mobile QQ is TBS
Chrome
60+
H.264 support is required
macOS
Chrome
47+
-
Safari
11+
-
Windows (PC)
Chrome
52+
-
10.2
-

Preparations

The SDK can be obtained in the following steps:
1. Go to the SDK Download Guide page.
2. Locate the SDK resources for HTML5 on the page.
3. Click Download.

Frontend Project Configuration Steps

1. Open ports

If you have configured a firewall across your network, be sure to open the following ports:
Protocol
Port
TCP
8687
UDP
8000, 8800, 443
Import the SDK by using CDN.

2. Import frontend library files

Import WebRTCService.min.js into the project as demonstrated in the following code:
<head>
<script src="../dist/WebRTCService.min.js"></script>
</head>

3. Add the audio tag

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

Server-Side Deployment Steps

The use of the GME SDK requires authentication which involves keys and is not suitable for implementation on the client. You are recommended to deploy it separately. If only client implementation is needed for the time being, please refer to the provided demo project.

1. Download the program

Download the sample authBuffer program, which can sign the authentication information for a specified SDKAppID.

2. Configure the server-side authentication project

Go to the signdemo directory and modify the config.js file: open the config.js file, delete the default configuration, and call the appidMap function in the place where the code is deleted (the parameters are the SDKAppid applied for on the Tencent Cloud backend and the corresponding authentication key).
const AuthBufferConfig = function () {
this.appidMap = {};
this.appidMap["1400089356"] = "1cfbfd2a1a03a53e";
};
// Replace `1400089356` with the `sdkAppid` applied for on the Tencent Cloud backend and replace `1cfbfd2a1a03a53e` with the authentication key corresponding to the `sdkAppid`
Note:
The AuthKey must correspond to your SDKAppid.

3. Deploy the server-side authentication project

Go to the directory where the sample authBuffer program resides and run the following statement to install the dependencies:
npm i
Then, execute the node index.js script to run the signature service.
Note:
As the async syntax is used, make sure that your node is v8 or later. Run node -v on the command line to view the version.

4. Test the deployment result

You can run the following command on the command line for test (make sure that your system has a curl command):
// Generate a `userSig`:
curl "http://127.0.0.1:10005/" --data "sdkappid=1400089356&roomid=1234123&openid=1234567"
After the signing program is executed, the authentication information will be returned as shown below:
{"userSig":"AqhHE7QHLFYPfV/zfyrdRYHfuUn6eOA8g/J6GMjVy//Shr5ByJPTi8hzR2KyXMvn","errorCode":0}


도움말 및 지원

문제 해결에 도움이 되었나요?

피드백