html - 在 google colab 中显示大视频文件

Question

在google colab中显示视频的常用方式是这样的:

from IPython.display import HTML
from base64 import b64encode
with open('video.mp4', 'rb') as f:
   display(HTML('<video><source src="data:video/mp4;base64,%s" type="video/mp4"></video>'%b64encode(f.read()).decode()))

但是对于中等大小的视频文件，比如几十 MB，这将导致 colab 断开连接(仅显示“运行时断开连接”)并且不会显示视频。事实上，尝试将这么长的字符串写入 HTML 似乎并不明智。什么是最简单的修复？请注意，由于 CORS，HTML 无法访问本地文件系统。

Answer 1

不需要base64编码。你可以用普通的<video>要嵌入的标签。

这是一个完整的例子: https://colab.research.google.com/drive/1GqZvHmOwGpo9QsrxeEpH93kswgVliQQl

在此处复制代码:

# Download a video file to be served locally.
!wget https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4

# Start a webserver in the background, running on port 8000.
%%script bash --bg
python3 -m http.server 8000

# Embed the video file.
%%html
<video controls autoplay><source src="http://localhost:8000/flower.mp4" type="video/mp4"></video>

结果是一个典型的视频嵌入:

Colab 会自动将对 localhost 的 HTTP 请求从 Javascript 代理到后端虚拟机。此处的文档中描述了有关此工作原理的更多详细信息: https://colab.research.google.com/notebooks/snippets/advanced_outputs.ipynb#scrollTo=R8ZvCXC5A0wT