В этом разделе вы узнаете, как встроить медиафайл в веб-страницу с помощью тегов <video> и <source> , как добавить субтитры к видео для людей с нарушениями слуха, а также некоторые общие концепции использования медиафреймворков. Кроме того, вы узнаете об использовании предварительной загрузки для ускорения начала воспроизведения, и мы обсудим, как мы создали обновленную демонстрационную версию PWA с возможностями автономной адаптивной потоковой передачи под названием Kino.
В этом разделе предполагается, что у вас есть видеофайл, готовый для встраивания в веб-страницу. Файл .mov , загруженный с камеры, не будет работать. Если это все, что у вас есть, см. раздел «Подготовка медиафайлов для Интернета», а затем вернитесь.
В этом разделе рассматриваются эти темы.
- Из тегов <video> и <source> вы узнаете, как встроить медиафайл в веб-страницу.
- На курсе «Доступность мультимедиа» вы научитесь добавлять субтитры к медиафайлу для людей с нарушениями слуха.
- В разделе Медиа-фреймворки вы изучите основы использования медиа-фреймворков, таких как Shaka Player, JW Player и Video.js.
- На курсе «Быстрое воспроизведение с предварительной загрузкой аудио и видео» вы научитесь ускорять воспроизведение мультимедиа за счет активной предварительной загрузки ресурсов.
- В разделе PWA с автономной потоковой передачей вы узнаете, как мы создали обновленную демонстрационную версию PWA, поддерживающую адаптивную потоковую передачу и автономное воспроизведение без использования платформ. Плюс вы можете играть с исходным кодом.
В этом разделе можно охватить много вопросов. Начните с изучения того, как использовать теги <video> и <source> .