如何从运行在浏览器中的前端JavaScript代码调用Agora API？
从运行在浏览器中的前端JavaScript代码调用Agora API，可以通过以下步骤实现：
- 引入Agora SDK：首先，在HTML文件中引入Agora SDK的JavaScript文件。可以通过在
<head>标签中添加以下代码来引入Agora SDK：
<script src="https://cdn.agora.io/sdk/web/AgoraRTCSDK-3.6.5.js"></script>这将从Agora的CDN服务器加载Agora SDK。
- 创建Agora客户端对象：在JavaScript代码中，使用Agora SDK提供的
AgoraRTC.createClient()方法创建一个Agora客户端对象。可以通过以下代码实现：
var client = AgoraRTC.createClient({ mode: 'live', codec: 'h264' });这将创建一个Agora客户端对象，并指定通信模式为'live'，编解码器为'h264'。
- 初始化Agora客户端对象：在创建Agora客户端对象后，使用
client.init()方法初始化客户端对象。可以通过以下代码实现：
client.init('<APP_ID>', function() {
console.log('Agora client initialized');
});在<APP_ID>处填入你在Agora开发者平台上创建的应用程序的App ID。初始化成功后，将会在控制台输出'Agora client initialized'。
- 加入频道：使用Agora客户端对象的
client.join()方法加入频道。可以通过以下代码实现：
client.join('<TOKEN>', '<CHANNEL_NAME>', null, function(uid) {
console.log('User ' + uid + ' joined channel successfully');
});在<TOKEN>处填入你的鉴权Token，<CHANNEL_NAME>处填入频道名称。加入频道成功后，将会在控制台输出'User <UID> joined channel successfully'，其中<UID>为用户ID。
- 发布本地流：使用Agora客户端对象的
client.publish()方法发布本地流。可以通过以下代码实现：
var localStream = AgoraRTC.createStream({
audio: true,
video: true,
});
localStream.init(function() {
client.publish(localStream, function() {
console.log('Local stream published');
});
});这将创建一个包含音频和视频的本地流，并将其发布到频道中。发布成功后，将会在控制台输出'Local stream published'。
- 订阅远程流：使用Agora客户端对象的
client.subscribe()方法订阅远程流。可以通过以下代码实现：
client.on('stream-added', function(evt) {
var remoteStream = evt.stream;
client.subscribe(remoteStream, function() {
console.log('Remote stream subscribed');
});
});这将监听stream-added事件，当有远程流加入频道时，将订阅该远程流。订阅成功后，将会在控制台输出'Remote stream subscribed'。
- 播放远程流：使用Agora客户端对象的
client.on()方法监听stream-subscribed事件，并在事件回调中将远程流添加到HTML页面中进行播放。可以通过以下代码实现：
client.on('stream-subscribed', function(evt) {
var remoteStream = evt.stream;
var remoteId = remoteStream.getId();
remoteStream.play('remote_video_' + remoteId);
});这将监听stream-subscribed事件，当有远程流订阅成功时，将远程流添加到ID为'remote_video_<UID>'的HTML元素中进行播放。
通过以上步骤，你可以从运行在浏览器中的前端JavaScript代码调用Agora API，实现音视频通信功能。请注意，上述代码仅为示例，实际应用中可能需要根据具体需求进行适当修改。另外，Agora提供了丰富的文档和示例代码，供开发者参考和学习。
相关·内容
云+社区技术沙龙[第14期]
Serverless架构开发与SCF部署实践
小程序云开发官方直播课（应用开发实战）
小程序云开发实战：用云开发，快速做个小程序
小程序·云开发技术峰会
小程序云开发官方直播课（应用开发实战）
小程序云开发实战：几步搞定WebSocket，从0到1实现视频弹幕系统
聚焦云原生 可观测性的实践与探索
云+社区技术沙龙[第25期]
“小程序·云开发”系列沙龙（小游戏专场）
ServerlessDays · China Online
云+社区技术沙龙[第4期]
化繁为简，智能微计算
中国 DevOps 社区 & CODING 深圳第九届沙龙
云+社区技术沙龙 [第31期]
「云上技术未来」深圳站
第四期Techo TVP开发者峰会
Techo TVP开发者峰会-云以致用，智效合一（Day 2）
2020云原生技术实践峰会-云原生应用架构
云服务器
ICP备案
腾讯会议
云直播
对象存储
腾讯云开发者
