问题描述
我为视频添加了字幕文件或 VTT 文件,但它不起作用。为什么?在 PlyrJs 播放器中 (https://plyr.io)
翻译文件链接:https://auto-play.000webhostapp.com/my_captions.vtt
视频链接:https://auto-play.000webhostapp.com/video.mp4
“嗨”这个词应该出现在 0 到 7 秒之间
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.4/plyr.css" integrity="sha512-bMLolM8mWTXYQSC2gQOLyDdkmodSAbbRFbDoISUCRS7mFJrP3fBHJo3YR8+2Yy9n7+iVGawVpCe6KVd/E5+TNA==" crossorigin="anonymous" />
<style>
.mydiv {
width: 500px;
height: 200px;
margin-top: 200px
}
</style>
<body>
<div class="mydiv">
<video id="player" playsinline controls>
<source src="https://auto-play.000webhostapp.com/video.mp4" type="video/mp4" />
<!-- Captions are optional -->
<track kind="captions" label="English captions" src="https://auto-play.000webhostapp.com/my_captions.vtt" srclang="en" default />
</video>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.6.4/plyr.js" integrity="sha512-M/AUlH5tMMuhvt9trN4rXBjsXq9HrOUmtblZHhesbx97sGycEnXX/ws1W7yyrF8zEjotdNhYNfHOd3WMu96eKA==" crossorigin="anonymous"></script>
<script>
const player1 = new Plyr('#player',{
title: 'Example Title',quality: {
default: 576,options: [4320,2880,2160,1440,1080,720,576,480,360,240]
}
});
</script>
解决方法
您的 WebVTT 无效。
您的文件内容如下:
In [132]: np.expand_dims(np.arange(3),(0,2,3)).shape
Out[132]: (1,3,1,1)
结束ms范围是4个字符,必须是3个。可以使用https://quuz.org/webvtt/ 验证您的 VTT 文件。
这是有效的(我删除了一个 0):
WEBVTT - Some title
00:00.000 --> 00:07.1000
Hi