Agora.io是一个强大的实时通信平台，可以用于实时视频聊天。以下是一个使用Agora.io实现实时修改视频聊天的代码示例：

1. 添加Agora.io SDK引用：

2. 创建Agora客户端实例和本地视频流：

// 创建Agora客户端实例
var client = AgoraRTC.createClient({ mode: 'live', codec: 'h264' });

// 初始化Agora客户端
client.init(appId, function() {
  console.log("Agora客户端初始化完成");
  
  // 创建本地视频流
  var localStream = AgoraRTC.createStream({
    video: true,  // 打开视频
    audio: true,  // 打开音频
  });
  
  // 初始化本地视频流
  localStream.init(function() {
    console.log("本地视频流初始化完成");
    
    // 将本地视频流绑定到页面上的video标签
    localStream.play('local-video');
    
    // 将本地视频流发布到频道
    client.publish(localStream);
  });
});

3. 监听远程视频流的加入事件并修改视频：

// 监听远程视频流的加入事件
client.on("stream-added", function(evt) {
  var remoteStream = evt.stream;

  // 订阅远程视频流
  client.subscribe(remoteStream);
});

// 监听远程视频流的订阅成功事件
client.on("stream-subscribed", function(evt) {
  var remoteStream = evt.stream;

  // 将远程视频流绑定到页面上的video标签
  remoteStream.play('remote-video');

  // 在远程视频流播放时修改视频
  remoteStream.on('playing', function() {
    // 在此处添加修改视频的代码
    // 例如修改视频的滤镜、亮度、对比度等
  });
});

// 监听远程视频流的移除事件
client.on("stream-removed", function(evt) {
  var remoteStream = evt.stream;

  // 移除远程视频流绑定
  remoteStream.stop();
  remoteStream.close();

  // 移除页面上的video标签
  document.getElementById(remoteStream.getId()).remove();
});

以上是一个简单的示例，演示了如何使用Agora.io实现实时修改视频聊天。你可以根据自己的需求，在stream-subscribed事件的回调函数中添加修改视频的代码。