如何在前端实时渲染后端推送的Base64格式DJI Tello无人机视频流？

我正在开发一款控制DJI Ryze Tello无人机的Web应用。无人机摄像头会将实时MP4视频流发送至后端，后端每秒接收30帧Base64格式的视频数据，并通过WebSocket推送到前端。请问如何在前端逐帧实时显示该视频流？

相关信息 #

后端接收并推送数据的代码 #

function initVideoFeed(socket) {
  videoFeed.on('message', (frame) => {
    socket.emit('videoFrame', frame) // 将Base64格式的视频帧发送至前端
  })
}

后端接收的Base64帧数据示例 #

"<Buffer 65 15 dd 07 89 ab e0 ab 46 93 33 5e 06 0f 25 7d 0a f1 85 4d 8c a7 aa be 9c d8 3e 6a af 60 cc 6a b9 be 82 b2 71 55 63 b2 2a 0b 82 23 40 5b 79 0f 40 58 ... 1410 more bytes>"

我已经在网上搜索了几个小时，但只找到前端播放完整视频文件的相关方案，没有找到处理连续视频帧流的有效方法，所以在此提问。如果能提供可行的解决方案，我会非常感谢！成功实现后，我会将代码发布到GitHub。

内容的提问来源于stack exchange，提问作者user17380065