Как добавить видео в html и css
Перейти к содержимому

Как добавить видео в html и css

  • автор:

Как добавить видео в html и css

Язык HTML. Вставка звука и видео.

Язык HTML
Вставка звука и видео

Вставка звука. Тег
Добавляет, воспроизводит и управляет настройками аудиозаписи на веб-странице. Путь к файлу задается через атрибут src или вложенный тег .

или

Несколько элементов можно связать с различными файлами. Браузер будет использовать первый запускаемый формат.

autoplay — звук начинает играть сразу после загрузки страницы;

controls — добавляет панель управления к аудиофайлу;

loop — повторяет воспроизведение звука с начала после его завершения;

preload — используется для загрузки файла вместе с загрузкой веб-страницы;

src — указывает путь к воспроизводимому файлу.

Закрывающий тег oбязателен.
Внутри контейнера можно написать пояснительный текст, который будет выводиться в браузерах, не работающих с этим тегом.
Управление воспроизведением аудио различается между браузерами по своему виду, но основные элементы совпадают. Это кнопка воспроизведения/паузы, длина трека, прошедшее и суммарное время звучания, а также уровень громкости.

Аудио проигрыватель

Тег audio не поддерживается вашим браузером.

Практическое задание:
На один из готовых проектов (стихи, биология, анатомия, геграфия. ) разместить пояснительную звукозапись под заголовком проекта.

Вставка видео. Тег
Добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег .

Несколько элементов можно связать с различными файлами. Браузер будет использовать первый запускаемый формат.

autoplay — видео начинает воспроизводиться автоматически после загрузки страницы;

controls — добавляет панель управления к видеоролику;

loop — повторяет воспроизведение видео с начала после его завершения;

height — задает высоту области для воспроизведения видеоролика;

width — задает ширину области для воспроизведения видеоролика;

preload — используется для загрузки видео вместе с загрузкой веб-страницы;

src — указывает путь к воспроизводимому файлу.

Закрывающий тег oбязателен.
Внутри контейнера также можно написать пояснительный текст, который будет выводиться в браузерах, не работающих с этим тегом.
Атрибут controls добавляет элементы управления видео, такие как воспроизведение, пауза, и объем.
Неплохо всегда включать атрибуты ширины и высоты.
Если высота и ширина не установлена, браузер не знает размер видео. Эффект будет такой, что страница будет обновляться (или будет мерцание) в то время как видео загружается.

Тег video не поддерживается вашим браузером.

Результат примера в браузере:

Видео проигрыватель

Практическое задание:
В один из готовых проектов (стихи, фильмы, биология, анатомия, геграфия. ) разместить подходящее видео из заготовок.

На сервисе YouTube под видео-элементами есть кнопка «Поделиться» — «HTML-код», полученный код можно вставить в любое место HTML-документа для запуска этого ролика.

Аудио и Видео¶

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

и ¶

Открывающие тэги и могут содержать ряд других атрибутов, включая controls , autoplay , loop , mute , preload , а также глобальные атрибуты. Элемент также поддерживает атрибуты height , width и poster .

 1 2 3 4 5 6 7 8 9 10 11 12
video src="videos/machines.webm" poster="images/machine.jpg" controls > p> Watch a href="https://youtube.com/link" >video on Youtubea > p> video> 

Данный пример имеет один источник с атрибутом src , ссылающимся на источник видео. Атрибут poster содержит изображение, отображаемое при загрузке видео. Наконец, атрибут controls предоставляет пользователю элементы управления видео.

Между открывающим и закрывающим тегами включается вспомогательное содержимое. Если агент пользователя не поддерживает обязателен, даже если между ними нет никакого содержимого (но ведь всегда должно быть запасное содержимое, не так ли?).

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
video controls poster="images/machine.jpg"> source src="videos/machines.webm" type="video/webm" /> source src="videos/machines.mp4" type="video/mp4" /> source src="videos/machines.ogv" type="video/ogg" /> track label="English" kind="subtitles" srclang="en" src="vtt/subtitles-en.vtt" default /> track label="Francais" kind="subtitles" srclang="fr" src="vtt/subtitles-fr.vtt" /> p> Watch a href="https://youtube.com/link" >video on Youtubea > p> video> 

Каждый дочерний содержит атрибут src , указывающий на ресурс, и атрибут type , сообщающий браузеру тип медиа-тип связанного файла. Это позволяет предотвратить получение браузером медиафайлов, которые он не сможет декодировать.

В атрибут type можно включить параметр codecs , который определяет, как именно закодирован ресурс. Кодеки позволяют включить в ресурс средства оптимизации мультимедиа, которые пока поддерживаются не всеми браузерами. Кодек отделяется от типа медиафайла точкой с запятой. Например, кодек может быть записан с использованием интуитивно понятного синтаксиса, такого как , что указывает на то, что файлы WebM содержат видео VP8 и аудио vorbis. Кодеки также могут быть более сложными для расшифровки, например , что указывает на то, что кодировка MP4 — Advanced Video Coding Main Profile Level 4.2. Объяснение этого синтаксиса выходит за рамки данного урока. Джейк Арчибальд опубликовал статью как определить параметр кодека для видео AV1, если вы хотите узнать больше.

При отображении видео по умолчанию первый кадр видео показывается как стоп-кадр, когда он становится доступным. Этим можно управлять. Атрибут poster позволяет показывать источник изображения во время загрузки видео и до его воспроизведения. Если видео воспроизводится и впоследствии приостанавливается, плакат не показывается повторно.

Обязательно определите соотношение сторон видео, так как при загрузке видео разница в размерах плаката и видео приведет к размытию и перерисовке.

Всегда включайте атрибут boolean controls . Это делает видимыми элементы управления, позволяя пользователям управлять уровнем звука, полностью отключать звук и разворачивать видео в полноэкранный режим. Если опустить controls , то пользователь будет испытывать неприятные ощущения, особенно если включен булевский атрибут autoplay . Обратите внимание, что некоторые браузеры не будут следовать директиве атрибута autoplay , если опущен атрибут boolean muted , поскольку автовоспроизведение медиафайла, даже при выключенном звуке и видимых элементах управления, как правило, вызывает неприятные ощущения у пользователя.

Треки¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14
track label="English" kind="subtitles" srclang="en" src="vtt/subtitles-en.vtt" default /> track label="Français" kind="subtitles" srclang="fr" lang="fr-fr" src="vtt/subtitles-fr.vtt" /> 

Файлы дорожек, указанные в атрибуте src , должны быть в формате WebVTT (.vtt). Файлы должны находиться на том же домене, что и HTML-документ, если только не включен атрибут crossorigin .

Для атрибута kind дорожки существует пять перечисляемых значений: subtitles , captions , descriptions , chapters и другие metadata .

Для транскрипции и перевода диалогов включите subtitles вместе с атрибутом srclang . Значение каждого атрибута label отображается пользователю в виде опции. Содержимое выбранной опции VTT отображается поверх видео. Внешний вид субтитров можно стилизовать с помощью атрибутов ::cue / ::cue() .

Значение kind=»caption» должно быть зарезервировано для транскрипции и перевода, включающих звуковые эффекты и другую необходимую аудиоинформацию. Это касается не только глухих зрителей. Возможно, пользователь не может найти свои наушники и поэтому включает субтитры. А может быть, он не совсем точно уловил последние тезисы любимого подкаста и хочет прочитать расшифровку, чтобы убедиться в правильности своего понимания. Наличие альтернативных способов доступа к аудио- и видеоконтенту — это важно и удобно.

Параметр kind=»description» предназначен для текстовых описаний визуального контента в видео для пользователей, которые не могут видеть видео, будь то пользователи, использующие систему без экрана, например Google Home или Alexa, или слепые.

Предоставление титров и субтитров с использованием формата WebVTT делает видео доступным для людей с нарушениями слуха. Помните, что инвалидность — это несоответствие между человеком и окружающей его средой. Нарушение слуха может быть вызвано тем, что пользователь находится в шумной обстановке, у него неисправны динамики или сломаны наушники, а также тем, что он потерял слух или оглох. Обеспечение доступности вашего контента помогает гораздо большему числу людей, чем вы думаете; оно помогает всем.

Соображения по поводу фонового видео¶

Специалисты по маркетингу или дизайну могут пожелать, чтобы на сайте присутствовало фоновое видео. Как правило, это означает, что им нужно приглушенное, автоматически воспроизводящееся, зацикленное видео без каких-либо элементов управления. HTML может выглядеть следующим образом:

 1 2 3 4 5 6 7 8 9 10 11
video autoplay loop muted poster="images/machine.jpg" role="none" > source src="videos/machines.webm" type="video/webm" /> source src="videos/machines.mp4" type="video/mp4" /> source src="videos/machines.ogv" type="video/ogg" /> video> 

Фоновые видеоролики недоступны. Контент не должен передаваться с помощью фоновых видеороликов без предоставления пользователям полного контроля над воспроизведением и доступа ко всем титрам. Поскольку этот видеоролик носит чисто декоративный характер, он включает ARIA-роль none и не содержит никакого вспомогательного контента. Чтобы улучшить работу всегда выключенных видеороликов, удалите звуковую дорожку из своих медиаисточников.

Если видео воспроизводится в течение пяти секунд или менее, рекомендации по обеспечению доступности не требуют наличия механизма паузы, но все, что имеет атрибут boolean loop , по умолчанию будет циклиться бесконечно, превышая этот пятисекундный или любой другой временной лимит. Для удобства пользователей всегда следует предусмотреть возможность приостановки видео. Это проще всего сделать с помощью controls .

Пользовательские элементы управления мультимедиа¶

Для отображения пользовательских элементов управления видео или аудио, а не встроенных в браузер, включите атрибут controls . Затем с помощью JavaScript добавьте пользовательские элементы управления мультимедиа и удалите атрибут controls. Например, можно добавить , которая переключает состояние воспроизведения аудиофайла.

1 2 3 4 5 6 7 8
button id="playPause" aria-controls="idOfAudio" data-pause-text="Pause audio" data-play-text="Play audio" > Pause audio button> 

Данный пример включает в себя кнопку с атрибутами dataset , содержащими текст, который будет обновляться при переключении посетителя между состояниями воспроизведения и паузы. Атрибут aria-controls включен в id элемента, управляемого кнопкой, в данном случае — аудио. Каждая кнопка, управляющая звуком, имеет обработчик события.

Для создания настраиваемых элементов управления используйте HTMLMediaElement.play() и HTMLMediaElement.pause() . При переключении состояния воспроизведения также переключается текст кнопки:

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
const pauseButton = document.getElementById('playPause'); pauseButton.addEventListener('click', pauseAndPlay, false); function pauseAndPlay()  console.log(this); const media = document.getElementById( this.getAttribute('aria-controls') ); if (media.paused)  media.play(); this.innerText = this.dataset.pauseText; > else  media.pause(); this.innerText = this.dataset.playText; > > 

Включив атрибут controls , пользователь получает возможность управлять звуком (или видео) даже в случае сбоя JavaScript. Удалите атрибут controls только после того, как будет создана кнопка-заменитель.

1 2 3
document .querySelector('[aria-controls]') .removeAttribute('controls'); 

Всегда включайте внешние элементы управления, если пользователи не могут получить доступ к ним, например, в случае фоновых видеороликов, в которых элементы управления скрыты за содержимым сайта. Важно понимать основы требований к доступности мультимедиа, чтобы учесть потребности пользователей с различными экологическими и сенсорными потребностями, включая миллионы людей с нарушениями слуха и зрения. Мы только что коснулись HTMLMediaElement , который предоставляет несколько свойств, методов и событий, наследуемых как HTMLVideoElement, так и HTMLAudioElement, причем HTMLMediaElement добавляет несколько собственных свойств, методов и событий. Существует еще несколько Media API, включая TextTrack API. API Media Capture and Streams и MediaDevices можно использовать для записи звука с микрофона пользователя или записи экрана пользователя. API Web Audio API позволяет манипулировать живым и предварительно записанным звуком, а также передавать, сохранять или отправлять звук в элемент .

Источник¶

HTML: Видео

Как и с аудио, ещё недавно в HTML-разметку нельзя было «комфортно» вставить видео-файл. Начиная с HTML5 появился элемент , который, как и , позволяет быстро добавить необходимое видео на страницу.

Тег парный, в котором, при отсутствии вложенных тегов , указывается путь к видео-файлу в атрибуте src . С помощью атрибута controls можно вывести элементы управления для проигрывателя. Визуальное оформление управляющих элементов зависит от конкретного браузера.

С помощью специальных тегов возможно добавлять несколько форматов видео. Это необходимо по причине того, что каждый браузер умеет воспроизводить только определённые форматы видео. Единственный формат, который корректно обрабатывают все браузеры — mp4 .

Наличие трёх форматов файлов гарантирует работоспособность видео на любых устройствах. Также обязательным является наличие атрибута type , который сообщит браузеру формат видео. Именно по этому атрибуту браузер примет решение, какой файл необходимо загрузить.

Тег имеет несколько важных атрибутов:

  • controls — Добавляет элементы управления для видеоплеера
  • autoplay — Автоматическое воспроизведение после загрузки видео
  • width — Ширина видеоплеера
  • height — Высота видеоплеера

Атрибуты width и height принимают значения в пикселях, при этом указывать единицу измерения не нужно.

Задание

Добавьте видео в формате mp4 на страницу:

  • Ссылка на видео: https://www.w3schools.com/html/movie.mp4
  • У видеоплеера должны быть элементы управления
  • Высота плеера: 240
  • Ширина плеера: 320
  • Путь к файлу укажите в теге

На всякий случай сделайте звук потише, в видео есть звук 😉

Упражнение не проходит проверку — что делать? ��

Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:

  • Обязательно приложите вывод тестов, без него практически невозможно понять что не так, даже если вы покажете свой код. Программисты плохо исполняют код в голове, но по полученной ошибке почти всегда понятно, куда смотреть.

В моей среде код работает, а здесь нет ��

Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.

Мой код отличается от решения учителя ��

Это нормально ��, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.

В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.

Прочитал урок — ничего не понятно ��

Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.

Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.

Полезное

  • Если используется один файл, то достаточно добавить атрибут src для тега . В остальных случаях используйте теги
  • Формат mp4 корректно обрабатывается большинством браузеров. По возможности используйте именно его

1.13. HTML5-видео

Раньше, если вы хотели добавить видео на веб-страницу, вам приходилось использовать элемент , представляющий собой универсальный контейнер для внешних объектов. Подобные приложения были в малой степени интерактивными и слабо взаимодействовали с окружающими их элементами на веб-странице.

Второй подход заключался в использовании подключаемого модуля браузера, например Silverlight или Flash. И хотя технология Flash позволяла использовать готовый видеоплеер или создавать собственный, но её использование порождало большое нагромождение HTML-разметки, а видеофайлы нужно было кодировать в требуемый формат.

HTML5-видео — новый стандарт для размещения мультимедийных файлов в сети с оригинальным программным интерфейсом без привлечения подключаемых модулей. С помощью элемента появилась возможность добавлять видеосодержимое на веб-страницы, а также стилизовать внешний вид видеоплеера при помощи css-стилей.

video_pleer

Как добавить HTML5-видео на веб-страницу

  • Содержание:
  • 1. Элемент
  • 2. Встраиваемый интерактивный контент
  • 3. Видеокодеки
  • 4. Видеоконтейнеры
  • 5. Альтернативные медиа-ресурсы
  • 6. Добавление субтитров и заголовков
  • 7. Пример: размещаем видео на сайте
  • 8. Видеоконвертеры

1. Элемент

Поддержка браузерами

IE: 9.0, атрибут muted — с 10.0
Edge: 12.0
Firefox: 3.5
Chrome: 4.0, атрибут muted — с 30.0
Safari: 4.0, атрибут muted — с 5.0
Opera: 11.5
iOS Safari: 3.2
Android Browser: 2.3
Chrome for Android: 44

В простом варианте HTML-разметка для размещения видеофайла на странице имеет следующий вид:

Атрибут controls отвечает за появление элементов управления видеоплеером. Вы можете добавить изображение с помощью атрибута poster , которое браузер будет использовать, пока загружается видео или пока пользователь не нажмет на кнопку воспроизведения, а также задать высоту и ширину видео.

Как и в случае с аудиофайлами, рекомендуется перечислять в все форматы, начиная с более предпочтительного. Также нужно указывать MIME-тип для каждого видеофайла.

Таблица 1. Атрибуты тега

Атрибут Описание, принимаемое значение
autoplay Автоматическое воспроизведение видеоофайла сразу же после загрузки страницы.
controls Указывает браузеру, что нужно отобразить базовые элементы управления воспроизведением (воспроизведение, пауза, громкость).
height Задает высоту окна для отображения видеоданных, возможные значения: px или %
loop Циклическое воспроизведение видеофайла.
muted Выключает звук при воспроизведении видеофайла.
poster URL файла изображения, которое будет отображаться во время загрузки видеофайла или до тех пор, пока пользователь не нажмет на кнопку PLAY. Если атрибут не задан, то будет отображаться первый кадр видеофайла.
preload Атрибут, отвечающий за предварительную загрузку видеоконтента. Не является обязательным, некоторые браузеры игнорируют его. Возможные значения:
auto — браузер загружает видеофайл полностью, чтобы он был доступен, когда пользователь начнет его воспроизведение.
metadata — браузер загружает первую небольшую часть видеофайла, чтобы определить его основные характеристики.
none — отсутствие автоматической загрузки видеофайла.
src Содержит абсолютный или относительный URL-адрес видеофайла.
width Задает ширину окна для отображения видеоданных, возможные значения: px или %

2. Встраиваемый интерактивный контент

Элемент определяет контейнер для внешнего приложения или интерактивного содержимого (другими словами, плагина). Большинство браузеров поддерживало данный элемент на протяжении долгого времени. Тем не менее, данный тег не был включен в спецификацию HTML4, его добавили в спецификацию HTML5. С помощью на веб-страницы можно добавлять не только видеофайлы, но и векторные изображения в формате swf :

Таблица 2. Атрибуты тега

Атрибут Описание, принимаемое значение
height Определяет высоту встраиваемого контента в px или % .
src Содержит абсолютный или относительный URL-адрес медиафайла.
type Определяет MIME-тип встраиваемого файла.
width Определяет ширину встраиваемого контента в px или % .

3. Видеокодеки

При просмотре видео проигрыватель должен его декодировать. Одни проигрыватели используют программное декодирование видеопотока, другие используют аппаратное декодирование.

Важно! Поскольку каждый браузер поддерживает определенный кодек, поэтому, чтобы обеспечить воспроизведение видео-контента во всех браузерах, видео-файл нужно размещать в нескольких форматах.

H.264 — высококачественный кодек от фирмы MPEG, делится на профили для поддержки как устройств с минимальными возможностями, так и устройств высокого разрешения.

Ogg Theora — открытый бесплатный стандарт для видео, качество и производительность несколько ниже стандарта H.264.

VP8 — открытый бесплатный кодек, сходный по качеству с H.264. Поддерживается в Firefox, Chrome и Opera.

4. Видеоконтейнеры

videocont

Любой видеофайл является файловым контейнером, в котором хранятся другие файлы. Аудио- и видеодорожки объединяются для воспроизведения видеоролика. Метаданные содержат информацию о данном видеоролике — изображение обложки, субтитры и пр. К популярным форматам видеоконтейнеров относятся следующие:

Ogg (.ogv, .oga, .ogx, .ogg) — формат-контейнер с открытым исходным кодом для видеокодека Theora и аудио Vorbis. Работает в Firefox, Chrome и Opera.
MIME-тип: video/ogg .

MPEG 4 (.mp4) — формат-контейнер для видеокодека H.264 и аудиокодека AAC. Работает в Safari и Chrome. Кодирует видео, в том числе высокой четкости, для полного спектра устройств, таких как iPhone, iPod и iPad.
MIME-тип: video/mp4 .

WebM (.webm) — формат-контейнер с открытым исходным кодом для видеокодека VP8 от Google и аудиокодека Ogg Vorbis. Работает в Firefox, Chrome, Opera и Adobe Flash Player.
MIME-тип: video/webm .

Audio Video Interleave (.avi) — формат предназначен для записи звука и движущихся изображений, соответствует спецификации RIFF.
MIME-тип: video/vnd.avi, video/avi, video/msvideo, video/x-msvideo .

Matroska (.mkv) — популярный видеоконтейнер, может содержать видео в формате H.264, VP8 или Theora.
MIME-тип: video/x-matroska, audio/x-matroska .

На данный момент браузеры поддерживают три основных видео формата:

Формат Видеокодек Аудиокодек
.mp4 H.264 AAC
.ogg/.ogv Theora Vorbis
.webm VP8 Vorbis

Видео в формате .avi на сайте средствами HTML5 не воспроизводится. Поэтому его необходимо перекодировать в эти три формата с соответствующими видео и аудиокодеками для вывода на сайте. Для этого можно использовать видеоконвертеры, указанные на странице ниже.

5. Альтернативные медиа-ресурсы

Элемент используется для указания нескольких медиа-ресурсов для и . Добавляет альтернативные видео/аудио файлы, которые браузер может выбрать из предложенных на основании поддерживаемого им типа носителя или кодека.

Таблица 3. Атрибуты тега

Атрибут Описание, принимаемое значение
media Определяет тип медиа-устройства (т.е. для каких устройств оптимизирован файл).
src Содержит абсолютный или относительный URL-адрес медиафайла.
type Определяет MIME-тип медиафайла.

6. Добавление субтитров и заголовков

Элемент используется в качестве дочернего элемента и . Добавляет текстовую дорожку для субтитров, заголовков медиафайлов или другой текстовой информации, которая должна быть видна во время воспроизведения медиа-ресурса.

Таблица 4. Атрибуты тега

Атрибут Описание, принимаемое значение
default Указывает, что данная дорожка воспроизводится по умолчанию. Только один элемент может содержать данный атрибут.
kind Указывает тип текстовой дорожки, по умолчанию выводятся субтитры ( subtitles ). Принимаемые значения:
captions — перевод диалогов и звуковых эффектов, отображаемый в виде текста поверх видео (для глухих пользователей).
chapters — добавляет названия глав в виде списка для навигации по медиафайлу.
descriptions — добавляет звуковое описание происходящего в видео (для невидящих пользователей).
metadata — метаданные, используемые скриптами, не отображаются для пользователей.
subtitles — текстовое дублирование звуковой дорожки видео, отображается в виде субтитров к видео.
label Добавляет название дорожки. Если этот атрибут не задан, браузер применит значение по умолчанию.
src Содержит абсолютный или относительный URL-адрес аудио- или видеофайла.
srclang Язык воспроизводимой дорожки.

7. Пример: размещаем видео на сайте

Размещаем код для вставки видео на сайт с помощью HTML5-разметки, используя атрибуты для задания видео требуемых параметров:

Если вы хотите выровнять видеоплеер на странице, нужно обернуть элемент в контейнер с присвоенным классом, для которого задаются ширина и высота, соответствующие размерам вашего видео. Далее, с помощью css-свойств можно задать отступы, выравнивание на странице и т.д.

8. Видеоконвертеры

Movavi — позволяет конвертировать видео и аудио в необходимый вам формат. Сохраняет медиафайлы для проигрывания на мобильных устройствах. «Умные» готовые профили позволяют добиваться максимального качества.

movavi

ONLINE-CONVERT — бесплатный онлайн-конвертер, позволяющий конвертировать любые медиа-файлы из одного формата в другой.

video-convert-online

Firefogg — модуль расширения для Firefox, может создавать видеофайлы Theora и WebM. Работает непосредственно в браузере, но вся работа выполняется локально без обращения к веб-серверу.

firefogg

CloudConvert — онлайн-конвертер файлов. Поддерживает практически любой формат аудио, видео, документов, электронных книг, архивов, изображений, электронных таблиц или презентаций.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *