SRT ファイルを使用して JWplayer にキャプションを追加しようとしています。
視聴者が選択できる複数の字幕オプションを JWplayer にリストさせ、デフォルトのオプションを設定することができ、これは機能します。ただし、キャプションはビデオに表示されません。
最初に、プレイリストとリストバーを使用するセットアップでキャプションを適用しようとしました。
また、ビデオ ファイルが 1 つしかないセットアップでキャプションを使用しようとしました (他の何かが干渉していないことを確認するための最低限のセットアップ)。
ファイル名と場所が正しいことを確認しました。
以下は、両方の JWplayer セットアップ用の私の JavaScript です。
メインセットアップ
<script type="text/javascript">
jwplayer("player").setup({
playlist:
[
{
/* Learning video */
image: "Images/WallWoman.jpg",
sources:
[
{ file: "rtmp://--The URL--", label: "Low Quality" },
{ file: "rtmp://--The URL--", label: "High Quality" }
],
title: "Learning Video",
tracks:
[
{
file: "Subtitles/WallWomanvid.srt",
label: "English",
kind: "captions",
"default": true
},
{
file: "Subtitles/WallWomanvid.srt",
label: "French",
kind: "captions"
}
]
},
{
/* Wildlife video */
image: "Images/Wildlife.jpg",
sources:
[
{ file: "rtmp://--The URL--", label: "Low Quality" },
{ file: "rtmp://--The URL--4", label: "High Quality" }
],
title: "Wildlife Video",
tracks:
[
{ file: "/Subtitles/WallWomanvid.srt" }
]
},
{
/* Mitosis Lecture */
image: "Images/MitosisLecture.jpg",
sources:
[
{ file: "rtmp://--The URL--", label: "Low Quality" },
{ file: "rtmp://--The URL--", label: "High Quality" }
],
title: "Mitosis Lecture",
tracks:
[
{ file: "/Subtitles/WallWomanvid.srt" }
]
},
{
/* Learning video - non streamed version */
image: "Images/WallWoman.jpg",
sources:
[
{ file: "--Local File--", label: "High Quality" }
],
title: "Learning Video Static version",
tracks:
[
{ file: "/Subtitles/WallWomanvid.srt" }
]
}
],
listbar:
{
position: 'right',
size: 320
},
width: 1300
});
</script>
基本設定
<script type="text/javascript">
jwplayer("player").setup({
file: "rtmp:// -- THE URL --",
image: "Images/WallWoman.jpg",
tracks:
[
{ file: "Subtitles/WallWoman.srt" }
]
});
</script>