临时开启 Coursera 双语字幕的方法

前言

偷了点闲在家看 Coursera 的视频,发现不太跟得上英文字幕,但是看中文字幕又感觉有意思不到位的地方,另外对理解英文术语产生不利的影响,因此想办法开启了 Coursera 自带的 HTML5 播放器的双语字幕。理论上讲 Chrome 插件可以更智能地完成此功能,但是我还没有搞清楚怎么注入 js,所以就先不考虑写插件了。

操作步骤

首先,使用谷歌浏览器打开视频页,打开 Google Devtools - Consle ,执行

1
2
3
4
video = document.getElementById('c-video_html5_api')
for (var i = 0; i < video.textTracks.length; i++) {
["en", "zh-CN"].indexOf(video.textTracks[i].language) > -1 ? video.textTracks[i].mode = "showing" : video.textTracks[i].mode = "hidden";
}

即可。

大意是找到 video 这个 HTML5 播放器,开启 [“en”, “zh-CN”] 这两种语言的字幕,其他的关闭。

坚持原创技术分享,您的支持将鼓励我继续创作!