如何通过JavaScript在HTML5视频播放器上显示不同语言的字幕?



我正在制作一个HTML5视频播放器,其中包含许多不同语言的字幕。我只想通过VTTCue方法显示我的字幕。到目前为止,我的VTTCue非常适合英语,但它不适用于印地语、乌尔都语、中文、日语、韩语甚至西班牙语等其他语言。它没有显示西班牙语的某些特征,例如óá。相反,它显示了非常不同的东西。请帮助我。而且我只想通过VTTCue方法显示字幕。谢谢

我的代码:

<html>
<head>
<title></title>
</head>
<body>
<video width="640" height="360" src="video.mp4" controls></video>
<script>
var video_player = document.querySelector('video');
var track = undefined;
track = video_player.addTextTrack("subtitles", undefined, "es");
track.mode = "showing";
track.addCue(new VTTCue(0, 10, "cómo están"));
</script>
</body>
</html>

我怀疑你需要设置你的字符集。

字符集定义可以使用哪些字符。虽然标准英语字符通常是安全的,但默认字符集很容易无法识别其他语言的字符。

根据这篇文章,UTF-8字符集应该用于多语言内容。

根据W3Schools,您可以使用它来设置HTML4标准中的字符集:

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

您也可以将其用于HTML5标准:

<meta charset="UTF-8"> 

这些行将进入页面的 head 标签内。

最新更新