Open source demo | release of open source example of arcall applet

at present , Small programs have become a part of our lives , It's fully functional 、 Memory usage is small 、 Low promotion cost 、 It is conducive to transformation and other advantages to promote its rapid development . With the application of small programs in all walks of life , The demand for real-time audio and video is also increasing ,anyRTC Launch real-time audio and video of small programs for the first time after the introduction of small programs SDK, Help developers integrate real-time audio and video functions into small programs .

In the real-time audio and video of the applet , In addition to typical applications such as video conferencing , The most used function is similar to wechat call invitation ,anyRTC Launch ARCall After the open source example , Customers continue to use adaptive applets to realize call invitation calls , Today, let's take you to the native implementation of wechat applet ARCall, Follow me Web as well as Native Interworking .

The premise to prepare

1. WeChat public platform

• To login WeChat public platform

• Get into Development Under the Development management , choice Interface setup , Turn on Play audio and video streams in real time 、 Record audio and video streams in real time

  

• Get into Development Under the Development management , choice Interface setup , Configure server domain name

  • request Legitimate domain name

    https://official.opensso.tencent-cloud.com;https://rtmgw.agrtc.cn;https://wtgw.agrtc.cn;

  • socket Legitimate domain name

    wss://ctsone.anyrtc.cc;wss://ctstwo.anyrtc.cc;wss://node1.rtm.agrtc.cn:443;wss://node2.rtm.agrtc.cn:443;wss://ws.anyrtc.cc;wss://wtnode.agrtc.cn;

• After configuring the server domain name , Copy AppID( Applet ID)

2. Project creation 、 Plug in Introduction

• Create project

• Introducing plug-ins

  • initialization npm

    npm init

  • introduce ar-rtm-sdk、ar-rtc-miniapp

    npm install --save ar-rtm-sdknpm install --save ar-rtc-miniapp

• Wechat developer configuration You must first complete the plug-in introduction in the previous step

  • Tools 》 structure npm

  • Local run configuration

Code flow logic

Realization effect

Experience address

WeChat search anyRTC Video cloud Click on AR call You can experience the applet version ARCall

Code address

file Call_WeChathttps://github.com/anyRTC-UseCase/ARCall