• Stars
    star
    102
  • Rank 335,584 (Top 7 %)
  • Language
    JavaScript
  • Created over 6 years ago
  • Updated 6 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Hello world for Agora SDK running in https://en.wikipedia.org/wiki/WeChat#WeChat_Mini_Program

Agora Miniapp Tutorial

ๅ…ถไป–่ฏญ่จ€็‰ˆๆœฌ๏ผš็ฎ€ไฝ“ไธญๆ–‡

Introduction

Built upon the Agora Miniapp SDK, the Agora Miniapp Sample App is an open-source demo that integrates video chat and live broadcast into your Wechat Mini Application.

With this sample app, you can:

  • Integrate the Agora Miniapp SDK
  • Join a channel
  • Push your local stream to the channel
  • Subscribe to remote streams in the same channel
  • Leave a channel

Preparing the Developer Environment

  1. Ensure that you have installed the WeChat Developer Tool.
  2. Ensure that you have a wechat OpenPlatform account that supports live-pusher and live-player. Only certified corporate accounts in certain industry have access to these two components. For details, click here .
  3. Ensure that you have granted access to the following domains in your OpenPlatform account:

Running the App

  1. Create a developer account at Agora.io, create a new project and obtain an App ID, and enable the App Certificate.

  2. Download this project.

  3. Fill in the App ID in config.js in the utils folder of this project:

     const APPID = 'abcdefg'
    
  4. Contact [email protected] to abtain the Agora Miniapp SDK, and rename the SDK to "agora-miniapp-sdk.js".

  5. Save the "agora-miniapp-sdk.js" under the lib folder of this project.

  6. Start the WeChat Developer Tool and import this project.

  7. Enter a channel name and join a channel. Invite your friend to join in the same channel and you will be able to see each other.

About the Token/Dynamic Key

If you have enabled the App Certificate, you will need to generate the Token/Dynamic Key at the server for authentication purposes. Use it in the following method:

	//...
	client.join(<your key/access token here>, channel, uid, () => {
	//...

See Token or Dynamic Key for generating the Token or Key at the server.

Feedback

If you have any problems or suggestions regarding the sample projects, feel free to file an issue.

Related resources

  • Check our FAQ to see if your issue has been recorded.
  • Dive into Agora SDK Samples to see more tutorials
  • Take a look at Agora Use Case for more complicated real use case
  • Repositories managed by developer communities can be found at Agora Community
  • If you encounter problems during integration, feel free to ask questions in Stack Overflow

License

The sample projects are under the MIT license.

More Repositories

1

Basic-Video-Call

Sample app to join/leave a channel, mute/unmute, enable/disable the video, and switch between front/rear cameras.
C++
690
star
2

Tools

C++
377
star
3

API-Examples

Play with AgoraSDK and have fun! Everything you need to start learning Agora.
C++
301
star
4

Basic-Video-Broadcasting

Sample app to join/leave a channel, set the role as a host/audience, mute/unmute, switch between front/rear cameras, and set the video parameters.
C++
269
star
5

Advanced-Video

C++
261
star
6

API-Examples-Web

JavaScript
216
star
7

RTM

C++
141
star
8

Basic-Audio-Call

Sample app to join/leave a channel, mute/unmute, and switch between the speaker/headset.
Java
108
star
9

React-Native-SDK

React Native Beta wrapper around the Agora RTC SDKs for Android and iOS
Java
68
star
10

FaceUnity

Things related to FaceUnity SDK and Agora SDK
C++
64
star
11

agora-react-native-rtm

React Native around the Agora RTM SDKs for Android and iOS agora
Java
63
star
12

Electron-With-Web-SDK

JavaScript
61
star
13

AgoraRtcEngine_iOS

iOS Package for Agora Video RTE SDK. Perfect for video calls and live streaming.
Swift
58
star
14

Advanced-Audio

C++
57
star
15

Advanced-Interactive-Broadcasting

C++
56
star
16

Basic-Recording

C++
51
star
17

FaceUnityLegacy

Things related to FaceUnity SDK and Agora SDK
Java
51
star
18

OBS

C++
47
star
19

Basic-Audio-Broadcasting

Sample app to join/leave a channel, set the role as a host/audience, mute/unmute, and switch between the speaker/headset.
Java
45
star
20

Voice-Call-for-Mobile-Gaming

Java
42
star
21

Video-Call-for-Mobile-Gaming

C#
33
star
22

Agora-with-QT

QML
27
star
23

Agora-RESTful-Service

Java
24
star
24

rtc-web-archive

23
star
25

Agora-WordPress

The Agora Video for WordPress plugin allows you to easily add live broadcast or video conferencing functionality into your posts and pages.
PHP
22
star
26

Docs-Source

A repository for the Agora Docs source content.
MDX
20
star
27

Signaling

C++
18
star
28

app-builder-backend

Agora App Builder: The Real-Time Engagement Platform for meaningful human connections
Go
17
star
29

Agora-Chat-API-Examples

Java
16
star
30

BytedEffect

Java
14
star
31

AgoraAudio_iOS

Agora's Audio SDK Swift Package for iOS ๐Ÿ“ฆ
Swift
11
star
32

agora_doc_source

XSLT
10
star
33

Agora-With-SenseTime

Java
10
star
34

APICloud-SDK

APICloud SDK for Agora Video SDK
Objective-C
8
star
35

video-sdk-samples-ios

Swift
6
star
36

AgoraChat_iOS

Swift
6
star
37

agora-rtt-server

Java
5
star
38

video-sdk-samples-android

Android reference app for Agora Video SDK
Kotlin
5
star
39

AgoraRTM_iOS

Agora's Real-time Messaging SDK Swift Package for iOS ๐Ÿ“ฆ
Swift
4
star
40

video-sdk-samples-reactjs

TypeScript
4
star
41

video-sdk-samples-flutter

Dart
4
star
42

video-sdk-samples-unity

C#
3
star
43

Agora-Video-With-ByteDance-Android

Agora with ByteDance Effect SDK demo
Java
3
star
44

Agora-Extensions

Java
3
star
45

agora-rtc-web

JavaScript
3
star
46

AgoraRtm_Apple

[Beta] Agora's Signaling 2.0 SDK Swift Package for iOS, macOS and visionOS ๐Ÿ“ฆ
Swift
3
star
47

Meta-iGame

Swift
2
star
48

Basic-RTSA

C++
2
star
49

Agora-Web-Components.Collection

TypeScript
2
star
50

full-sdk

C++
2
star
51

RTM2

TypeScript
1
star
52

agora-videojs-examples

Vue
1
star
53

AgoraRtcEngine_macOS

Agora Video RTC Engine for macOS
Swift
1
star
54

video-sdk-samples-windows

C++
1
star
55

FPA

Java
1
star