如何从运行在浏览器中的前端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提供了丰富的文档和示例代码，供开发者参考和学习。