整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

玩转前端 Video 播放器

者:semlinker

转发链接:https://mp.weixin.qq.com/s/tgiHiint3iTfPnr318kuFg

import os
from IPython.display import display, Image,Video,HTML
names = [f for f in os.listdir('../images/ml_demonstrations/') if f.endswith('.png')]
for name in names[:5]:
    print(name)
    display(Video(name, width=500, height=200))
#     html = f'''
#         <video width="800" height="400" controls autoplay loop>
#           <source type="video/mp4" src="{name}">
#               Your browser does not support the video tag.
#         </video>
#       '''
#     HTML(html)

TML5中的video标签播放MP4,只有声音没有图像

<video id="myv" width="600" height="400" src="video.mp4" ></video>

mp4的视频编码有三种:MPEG4(DivX)、MPEG4(Xvid)、AVC(H264),

在格式工厂中,把视频文件转换成AVC(H264)编码,就能正常播放。

当前,video 元素支持三种视频格式:

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

器之心报道

作者:杜伟、陈萍

有了这个浏览器扩展,读者就可以在 arXiv 论文页面直接链接到解读视频,真是太方便了。


阅读 arXiv 论文时,我们可能会被冗长的篇幅以及有时晦涩难懂的语言「吓到」。这时,如果提供论文的视频解读,那就再好不过了。然而,我们想要获得论文的视频解读,又不得不去谷歌或者 YouTube 网站搜索,耗时耗力。


有没有什么办法使我们能够快速链接到 arXiv 论文的解读视频呢?


近日,机器学习工程师 Amit Chaudhary 创建了一个解决 arXiv 论文链接视频的浏览器扩展「papers-with-video」。据他介绍,只要一篇论文提供有相应的视频解读,则该扩展即可在论文页面添加视频图标。这样读者就可以一键链接到论文解读视频了。如下为演示动图:



目前,「papers-with-video」已经覆盖 3.7k 篇 ML 论文。


  • 项目地址:https://github.com/amitness/papers-with-video
  • 论文链接:https://gist.github.com/amitness/9e5ad24ab963785daca41e2c4cfa9a82

  • 如何安装


    克隆存储库(repo)之后,「papers-with-video」的安装非常简单,只需三步就可完成。


    1. 通过以下方式打开扩展页面:(1a)在导航栏输入「chrome://extensions」;(1b)选择「Menu > More Tools > Extensions」;
    2. 在右上角开启「developer mode」;
    3. 点击「Load Unpacked Extension」,然后选择需要克隆存储库的文件夹。



    「papers-with-video」浏览器扩展的安装脚本如下:


    // Add a video icon to the title if the paper is present in our mapping.
    if (arxivID in mapping) {
        var videoLink = mapping[arxivID];
        var videoButton = '<a style="padding-left: 3px; color:black; text-decoration: none;" href="' + videoLink + '"></a>';
        var videoButton = '<a style="padding-left: 3px; color:black; text-decoration: none;" target="_blank" rel="noopener noreferrer" href="' + videoLink + '"></a>';
        var paperTitle = document.querySelector("h1.title");
        paperTitle.innerHTML = paperTitle.innerHTML + videoButton;
    }


    网友盛赞


    很多网友都认为浏览器扩展「papers-with-video」的想法非常棒。



    但也有网友提出了自己的疑问:「如何实现映射呢?视频只来源于 YouTube 吗?研究者是否有办法添加 / 修改 / 删除映射的视频?」。



    还有网友关心将来如何扩大映射的覆盖范围。