要实现阿戈拉直播视频流的功能，可以使用阿戈拉的API来获取视频流，并使用相应的前端技术来展示视频流。以下是一个使用JavaScript和HTML来实现的示例：

1. 引入阿戈拉的SDK库和相关依赖：

2. 创建一个视频播放的容器：

3. 初始化并连接阿戈拉的SDK：

var client = AgoraRTC.createClient({mode: 'live', codec: 'vp8'});

// 初始化SDK
client.init('YOUR_APP_ID', function() {
  console.log('AgoraRTC client initialized');
}, function(err) {
  console.log('AgoraRTC client init failed', err);
});

// 加入频道
client.join(null, 'YOUR_CHANNEL_NAME', null, function(uid) {
  console.log('User ' + uid + ' join channel successfully');
}, function(err) {
  console.log('Join channel failed', err);
});

注意：在上述代码中，你需要将YOUR_APP_ID和YOUR_CHANNEL_NAME替换为你自己的应用ID和频道名称。

4. 创建远程视频流播放对象，并将其添加到页面中的容器中：

// 创建一个远程视频流播放对象
var remoteStream = AgoraRTC.createStream({
  streamID: uid,
  audio: false,
  video: true,
  screen: false
});

// 初始化远程视频流播放对象
remoteStream.init(function() {
  console.log('Remote stream initialized');

  // 将远程视频流播放对象添加到页面中的容器中
  remoteStream.play('video-container');
}, function(err) {
  console.log('Remote stream init failed', err);
});

// 订阅远程视频流
client.subscribe(remoteStream, function(err) {
  console.log('Subscribe remote stream failed', err);
});

以上示例代码中，uid表示远程视频流的用户ID，可以根据实际情况进行修改。

通过以上的代码示例，你可以实现阿戈拉直播视频流的功能，并将视频流展示在页面中的容器中。当有新的用户加入频道时，你可以通过相应的事件来订阅并播放他们的视频流。