python - Jupyter HTML 视频播放速度

Question

我知道我可以在 Jupyter notebook 中显示这样的视频:

from IPython.display import HTML

HTML("""
    <video alt="test" controls>
        <source src="test.mp4" type="video/mp4">
    </video>
""")

但是有没有办法控制播放速度？例如以半速播放视频。

Answer 1

在 Jupyter Notebook当您右键单击视频时，您应该会看到上下文菜单，您可以在那里更改速度。Jupyter Lab此菜单中没有速度。
如果你想在开始时设置速度，那么你必须使用 playbackRate在 JavaScript

from IPython.display import HTML

HTML("""
<video alt="test" controls id="theVideo">
  <source src="https://archive.org/download/Popeye_forPresident/Popeye_forPresident_512kb.mp4">
</video>

<script>
video = document.getElementById("theVideo")
video.playbackRate = 4.0;
</script>
""")

同样，您还可以创建按钮来控制速度。

from IPython.display import HTML

HTML("""
<button id="speed_4.0">Speed 4.0</button>
<button id="speed_0.5">Speed 0.5</button>

<hr>

<video alt="test" controls id="theVideo">
  <source src="https://archive.org/download/Popeye_forPresident/Popeye_forPresident_512kb.mp4">
</video>
    
<script>
video = document.getElementById("theVideo");
//video.playbackRate = 4.0;

document.getElementById("speed_4.0").addEventListener("click", function(){ 
    video.playbackRate = 4.0;
});

document.getElementById("speed_0.5").addEventListener("click", function(){ 
    video.playbackRate = 0.5;
});
</script>
""")

如果您在下一个单元格中放置相同的代码，则按钮可能不起作用，您可能必须为按钮和视频使用新的 ID。 ID 应该是唯一的。
也许它需要一些其他代码来自动在每个单元格中生成唯一的 ID。

在代码中，我将 URL 放入真实视频 Popeye for President所以每个人都可以测试它。