Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
0 / 0 / 0
Регистрация: 16.09.2018
Сообщений: 35

Как добавить в video.js субтитры и аудио дорожки?

30.03.2019, 23:57. Показов 1425. Ответов 1

Студворк — интернет-сервис помощи студентам
Я хочу вставить отдельные аудио и текстовые дорожки что бы пользователи могли спокойна между ними переключатся Я уже пытался вставить субтитры

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
<video
    id="player" class="video-js vjs-default-skin vjs-big-play-centered"
    controls
    preload="auto"
    width="640"
    height="264"
    data-setup='{}'>
    <source src="<?php echo $url_video_ise; ?>" type="video/mp4"> 
    <track label="rus" kind="subtitles" srclang="ru" src="sub-ru.vtt"/>
    <track label="eng" kind="subtitles" srclang="en" src="sub-en.vtt"/>
    </video>
Но субтитры работали только в фаерфоксе.

Можно ли как то вставить аудио и текстовые дорожки что бы они работали во всех браузерах?

Добавлено через 57 минут
Аудио тоже не дало ни каких результатов
HTML5
1
2
3
4
<video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="640" height="264" data-setup='{}'>
  <source src="https://a61.stormo.tv/remote_control.php?file=B64YTo0OntzOjQ6InRpbWUiO2k6MTU1Mzk3ODMzNTtzOjU6ImxpbWl0IjtpOjA7czo0OiJmaWxlIjtzOjMyOiIvdmlkZW9zLzM5NzAwMC8zOTc1MDMvMzk3NTAzLm1wNCI7czoyOiJjdiI7czozMjoiM2RmNjE3NGI0OTVhNGQ2NTEwNWFhMDE2YzI5YTBiYjEiO30%3D" type='video/mp4'>
  <source id="my-spanish-audio-track" src="https://www.w3schools.com/html/horse.ogg" type="audio/ogg">
  </video>
JavaScript
1
2
3
4
5
6
7
8
9
10
$('document').ready(function(){  
   var player = videojs('player');
  var track = new videojs.AudioTrack({
    id: 'my-spanish-audio-track',
    kind: 'translation',
    label: 'Spanish',
    language: 'es'
  });
  player.audioTracks().addTrack(track);     
  });
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
30.03.2019, 23:57
Ответы с готовыми решениями:

Как отключить аудио субтитры
Здравствуйте! Скачал фильм. Захотел посмотреть в Media Player Classic — фильм немного притормаживает, со звуком всё в порядке. Запустил в...

Как убрать повторяющуюся фразу с аудио дорожки?
Есть аудиозапись, допустим Edge of Noise - Follow Your Dreams, и на этой аудиозаписи с определённым интервалом произносится фраза:...

Как добавить субтитры в .avi
Встала такая, казалось бы, несложная задача, но пока не реализуется. Изучал общерекомендуемый документ avi.pdf. Там же и обнаружил, что в...

1
Юзер с абсолютным слухом
 Аватар для Опан
709 / 489 / 195
Регистрация: 17.12.2010
Сообщений: 1,428
31.03.2019, 23:12
Попробуйте аудио сделать с помощью отдельного тега <audio>. Результат будет гарантирован.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
31.03.2019, 23:12
Помогаю со студенческими работами здесь

Наложение аудио дорожки
Здравствуйте! Подскажите пожалуйста, можно ли средствами ПХП сделать из двух аудио дорожек одну? То есть объединить, если можно тогда...

Аудио потоки/составляющие/дорожки
добрый день! кто подскажет программу которая может разделить mp3 на аудио потоки/составляющие/дорожки т.е. выдернуть из нее...

Создаю скрипт для скачивания аудио дорожки из видео с Ютуба
Мальчики, привет. Нужна помощь:help: :есть код на Python, который должен скачивать аудио дорожку из видео с Ютуба. На сколько я поняла,...

Как добавить Rewarded Video AdMob?
private const string rewardAD = &quot;ca - app - pub - 7057279692552694 / 5892982948&quot;; public void ADreward() // загрузка рекламы ...

Нужно смержить субтитры, сделать двойные субтитры!
Всем привет! Уже сломал голову на этим. Требуется эти два файла объединить, все правильно привязать по времени(в английском больше строк...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android
8Observer8 26.01.2026
Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д.
8Observer8 25.01.2026
Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru