HTML5 локально воспроизводит видео MP4 с субтитрами - PullRequest
0 голосов
/ 09 октября 2019

Я надеюсь, что это относится к stackoverflow, если не извините. Первый вопрос на странице обмена стеками

В настоящее время у меня запущен проект, в котором мне нужно воспроизвести видео MP4. Сначала я подумал, что буду кодировать плеер на C ++, используя wxWidgets, но потом подумал, почему бы просто не использовать веб-браузер. У всех есть один, и у большого процента пользователей есть браузеры с поддержкой HTML5. С помощью тега видео HTML вы можете встроить видео MP4 на сайт HTML в файл .html, который локально хранится в файловой системе. Не проблема, понимаешь, я могу вставить видео с

<video width="1280" height="720" controls autoplay>
    <source src="somefile.mp4" type="video/mp4">
</video>

. Оно отлично воспроизводится на Firefox (Win, Mac, Android, IOS), Opera (Win, Mac), Chrome (Win, Mac). , android, ios), ms edge (победа) и safari (mac, ios).

Теперь я хотел добавить субтитры к видео. Теперь вы не можете использовать файлы SubRipText (.srt), потому что ни один браузер не поддерживает его, вместо этого в основном все последние браузеры используют формат WebVTT. Это очень похоже на SRT, поэтому я использовал скрипт Python для генерации файлов WebVTT из SRT. Я уверен, что создал правильный код WebVTT. Я использовал валидаторы, изучал официальную спецификацию WebVTT, даже просмотрел некоторые учебные пособия о том, как правильно создаются файлы WebVtt. С помощью тега track внутри элемента video вы можете указать свой файл субтитров WebVTT следующим образом:

<video width="1280" height="720" controls autoplay>
    <source src="somefile.mp4" type="video/mp4">
    <track default src="somefile.vtt" kind="captions" srclang="de" label="Deutsch">
</video>

Большинство игроков HTML5 в веб-браузерах могут видеть, что я добавил файл субтитров WebVTT, и я вижу его в safari. , firefox, edge и то есть субтитры на немецком языке (label = "Deutsch"), и это позволяет мне выбирать их. Однако ни один браузер, кроме Safari на Macos, не показывает субтитры в качестве наложения на видео. Я искал поддержку WebVTT в веб-браузерах, и все распространенные браузеры поддерживают ее с незапамятных времен.

WebVTT выглядит следующим образом:

WEBVTT

1
00:00:00.833 --> 00:00:04.464
Bevor ich in die Details zu C++17 einsteige,

2
00:00:04.465 --> 00:00:09.342
möchte ich Ihnen erst mal einen Überblick geben zur Historie von C++.

3
00:00:09.343 --> 00:00:14.823
C++ ist eine ziemlich alte Sprache, mittlerweile an die 40 Jahre alt.

4
00:00:14.824 --> 00:00:19.990
Wenn Sie sich die Zeitlinie hier anschauen, sehen Sie, das seit C++11,

5
00:00:19.991 --> 00:00:23.849
wir alle drei Jahre einen neuen C++-Standard bekommen.

6
00:00:23.850 --> 00:00:26.709
Doch was ist in C++98 drin?

7
00:00:26.710 --> 00:00:33.403
Mit C++98 bekam C++ Templates, das heißt generische Programmierung,

8
00:00:33.404 --> 00:00:38.050
auf der die Standard Template Library basiert, mit ihren Containern

9
00:00:38.051 --> 00:00:39.448
und Algorithmen.

10
00:00:39.449 --> 00:00:44.610
Natürlich hat C++ auch Strings und I/O-Streams für die Ein- und Ausgabe.

11
00:00:44.611 --> 00:00:50.064
C++11 war der zweite große, richtige C++-Standard.

12
00:00:50.065 --> 00:00:54.126
In diesem Standard gibt es auf Ebene der Kernsprache Move Semantik;

13
00:00:54.127 --> 00:00:57.508
die vereinheitlichte Initialisierung mit geschweiften Klammern;

14
00:00:57.509 --> 00:01:02.097
automatische Typableitung in der Form von auto und decltype;

15
00:01:02.098 --> 00:01:05.463
Lambda-Funktionen aus der funktionalen Programmierung

16
00:01:05.464 --> 00:01:07.383
und constexpr.

17
00:01:07.384 --> 00:01:10.439
constexpr bedeutet, dass Sie Variablen,

18
00:01:10.440 --> 00:01:13.072
Funktionen und auch benutzerdefinierte Typen

19
00:01:13.073 --> 00:01:16.659
zur Compile-Zeit instanziieren können.

20
00:01:16.660 --> 00:01:21.602
Darüber hinaus unterstützt C++11 Multithreading und besitzt

21
00:01:21.603 --> 00:01:22.821
ein Speichermodell.

22
00:01:22.822 --> 00:01:28.053
Das heißt, C++11 erlaubt Ihnen das erste Mal, mehrere Kerne

23
00:01:28.054 --> 00:01:32.284
mit der standardisierten C++-Schnittstelle anzusprechen.

24
00:01:32.285 --> 00:01:37.557
Mit C++11 haben wir aber auch einige neue Bibliotheken bekommen,

25
00:01:37.558 --> 00:01:40.890
insbesondere Bibliotheken für reguläre Ausdrücke;

26
00:01:40.891 --> 00:01:45.302
für Smart Pointer; Hashtabellen, auch bekannt als Dictionaries,

27
00:01:45.303 --> 00:01:47.379
und std::array.

28
00:01:47.380 --> 00:01:49.645
Was ist mit C++14 passiert?

29
00:01:49.646 --> 00:01:50.705
Nicht so viel.

Не могу понять, почему он не появляется, кромена сафари. Что может вызвать это? Вы видите что-нибудь, что я делаю неправильно? WebVTT действителен, и HTML-код довольно прост в реализации.

Медиа-проигрыватель VideoLan (VLC) может без проблем читать мои файлы WebVTT и хорошо их отображает.

...