Всем привет, мы снова встретились, я ваш друг Цюаньчжаньцзюнь.

1. Базовая грамматика Код выглядит следующим образом: embed src=url Примечание. Вставку можно использовать для вставки различных мультимедиа, а формат может быть любым. Midi, Wav, AIFF, AU, MP3 и т. д., Netscape и новая версия IE. Все поддерживается。urlдля аудио иливидеоФайл и его путь,Может быть относительным путем или абсолютным путем. Пример: Код выглядит следующим образом:

<embed src=”your.mid”> 2. Настройки свойств 1. Автоматическое воспроизведение: Синтаксис: автозапуск=истина, ложь Описание: этот атрибут указывает, будет ли аудио- или видеофайл воспроизводиться автоматически после загрузки. true: музыкальный файл будет автоматически воспроизводиться после загрузки; false: музыкальный файл не будет воспроизводиться автоматически после загрузки. Пример: Код выглядит следующим образом: <embed src=”your.mid” autostart=true> <embed src=”your.mid” autostart=false> 2. Циклическое воспроизведение: Синтаксис: цикл=положительное целое число, истина, ложь. Описание: Этот атрибут определяет, является ли аудио- или видеофайл зацикленным, а также количество циклов. Когда значение атрибута является положительным целочисленным значением, количество циклов аудио- или видеофайла совпадает с положительным целочисленным значением; Если значение атрибута истинно, аудио- или видеофайл зацикливается; Если значение свойства имеет значение false, аудио- или видеофайл не зацикливается. Пример: Код выглядит следующим образом: <embed src=”your.mid” autostart=true loop=2> <embed src=”your.mid” autostart=true loop=true> <embed src=”your.mid” autostart=true loop=false> 3. Панельный дисплей: Синтаксис: скрытый=существо, нет Описание: Этот атрибут определяет, отображается ли панель управления. Значение по умолчанию — нет. тура: скрыть панель; нет: панель дисплея. Пример: Код выглядит следующим образом: <embed src=”your.mid” hidden=ture> <embed src=”your.mid” hidden=no> 4. Время начала: Синтаксис: starttime=мм:сс (минуты:секунды) Описание: Этот атрибут определяет время начала воспроизведения аудио- или видеофайла. Если не определено, воспроизводить с начала файла. Пример: Код выглядит следующим образом: <embed src=”your.mid” starttime=”00:10″> 5. Размер тома: Синтаксис: объем = целое число от 0 до 100. Описание: Этот атрибут определяет громкость аудио- или видеофайла. Если не указано, будут использоваться собственные настройки системы. Пример: Код выглядит следующим образом: <embed src=”your.mid” volume=”10″> 6. Свойства контейнера: Синтаксис: высота=# width=# Описание: Значение представляет собой положительное целое число или процент, единицей измерения являются пиксели. Это свойство определяет высоту и ширину панели управления. высота: высота панели управления; ширина: Ширина панели управления. Пример: Код выглядит следующим образом: <embed src=”your.mid” height=200 width=200> 7. Контейнерная установка: Синтаксис: unit=pixels,en Описание: Этот атрибут определяет единицы высоты и ширины в пикселях или эн. Пример: Код выглядит следующим образом: <embed src=”your.mid” units=”pixels” height=200 width=200> <embed src=”your.mid” units=”en” height=200 width=200> 8. Настройки внешнего вида: Синтаксис: элементы управления = консоль、маленькая консоль、кнопка воспроизведения、кнопка паузы、кнопка остановки、рычаг громкости Описание: Это свойство определяет внешний вид панели управления. Значение по умолчанию — консоль. консоль: общая нормальная панель; smallconsole: панель меньшего размера; Кнопка воспроизведения: отображать только кнопку воспроизведения; кнопка паузы: отображается только кнопка паузы; кнопка остановки: отображается только кнопка остановки; Рычаг громкости: отображаются только кнопки регулировки громкости. Пример: Код выглядит следующим образом: <embed src=”your.mid” controls=smallconsole> <embed src=”your.mid” controls=volumelever> 9. Имя объекта: Синтаксис: имя=# Описание: # — имя объекта. Этот атрибут дает объекту имя, чтобы другие объекты могли его использовать. Пример: Код выглядит следующим образом: <embed src=”your.mid” name=”video”> 10. Текст описания: Синтаксис: заголовок=# Описание: # — текст описания. Этот атрибут определяет текст описания аудио- или видеофайла. Пример: Код выглядит следующим образом: <embed src=”your.mid” title=”первая песня”> 11. Цвет переднего плана и цвет фона: Синтаксис: палитра=цвет|цвет Описание: Этот атрибут представляет цвет переднего плана и цвет фона встроенного аудио- или видеофайла. Первое значение — это цвет переднего плана, второе значение — цвет фона, а среднее значение — это цвет переднего плана. | разделены. цвет может быть цветом RGB (RRGGBB) или названием цвета, либо он может быть прозрачным. (прозрачный). Пример: Код выглядит следующим образом: <embed src=”your.mid” palette=”red|black”> 12. Выравнивание: Синтаксис: align=сверху, снизу, по центру, по базовой линии, left、right、texttop、middle、absmiddle、absbottom Описание: Это свойство определяет выравнивание объектов на панели управления и текущей строке. центр: панель управления располагается по центру; слева: панель управления находится слева; справа: панель управления находится справа; сверху: верхняя часть панели управления выравнивается по верхней части самого высокого объекта в текущей строке; внизу: нижняя часть панели управления выравнивается по базовой линии объекта в текущей строке; базовая линия: нижняя часть панели управления выравнивается по базовой линии текста; texttop: верхняя часть панели управления выравнивается по верхней части самого верхнего текста в текущей строке; посередине: середина панели управления выравнивается по базовой линии текущей строки; absmiddle: середина панели управления выравнивается по середине текущего текста или объекта; absbottom: нижняя часть панели управления выравнивается по нижней части текста. Пример: Код выглядит следующим образом: <embed src=”your.mid” align=top> <embed src=”your.mid” align=center>

Непонимание кодирования и формата

Многие люди ошибочно принимают кодировку и формат за одно и то же и часто используют суффикс видеофайла, чтобы однозначно определить степень поддержки видеофайла. Фактически, если суммировать это в одном предложении: суффикс файла видео (при условии отсутствия злонамеренной модификации суффикса) фактически представляет собой формат инкапсуляции, а алгоритм кодирования видео или аудио не имеет прямого отношения к самому формату инкапсуляции. : один и тот же формат инкапсуляции (т. е. один и тот же суффикс) может инкапсулировать видео и аудио с помощью разных алгоритмов кодирования. Поддерживает ли устройство воспроизведения видео или программное обеспечение воспроизведение видео, зависит не только от формата упаковки, но и от алгоритма кодирования. Осознание этого является основой для понимания и устранения проблем.

Формат упаковки определяет все содержимое видео, включая изображения, звуки, субтитры, элементы управления системой и т. д., среди которых наиболее важными являются изображения и звуки.

Начиная с MPEG

MPEG — это международная организация, определяющая спецификации видео. MPEG-1 и MPEG-2, которые они когда-то выпустили, на самом деле являются хорошо известными VCD и DVD соответственно, но это древние вещи. Давайте взглянем на спецификации MPEG-4, имеющие отношение к теме этой статьи.

MPEG-4В спецификации указано, что суффикс файла.mp4,В настоящее время включает три алгоритма кодирования и сжатия изображений.：Xvid\DivX\AVC(H.264),Среди них Xvid и DivX также можно вместе называть MPEG-4 Part 2 и MPEG-4 Visual.,Более известные H.264 и AVC представляют собой одну и ту же концепцию. Что касается звука, то это AAC. Следующая информация о совместимости,ОтВикипедияифабрика форматов и авторский тест:

• Браузер Android: поддерживает DivX и AVC, Xvid не должен поддерживаться.
• iPhone и iPad (iOS): поддерживаются DivX и AVC, Xvid — нет.
• Chrome: поддерживает AVC,Не поддерживаетсяDivXиXvid。Google был2011Начало годаобъявитьиз-за проблем с лицензированием,Поддержка браузером Chrome AVC (H.264) будет удалена. Но до текущей версии,AVC по-прежнему поддерживается. кроме того,Фактический тест,Если DivX и AAC инкапсулированы в mp4,хром может играть,Но только аудио (AAC).
• Firefox и Opera: все еще из-за проблем с лицензированием,Firefox и Opera постепенно отказываются от поддержки AVC,Автор в последнихFirefoxсередина тестаAVCвсе еще можно играть（ВикипедияОбъяснение в том, что это может быть связано с тем, что в самой системе имеется декодер.）；Что касаетсяDivXиXvid,Результат теста автора в Firefox заключается в том, что он не поддерживается. Из списка совместимости Википедии.,Opera плохо поддерживает AVC.
• IE: Авторский IE11 может поддерживать AVC, но не поддерживает DivX и Xvid

Пропаганда WebM

Из-за проблем с авторизацией в AVC (H.264),Лагерь «Открытый исходный код», возглавляемый Chrome, Firefox и Opera, начал колебаться в своей поддержке AVC.,Хотя в настоящее время эти браузеры все еще поддерживают AVC.,Но у них также есть тенденция называть что-тоWebMиз Открытый исходный код мультимедийного проекта, в который входит новый Открытый под названием VP8. исходный кодвидео Схема кодека。в настоящий моментVP8превратился вVP9。как формат инкапсуляцииизWebMиметь.webmизсуффиксиvideo/webmизMIMEтип。в аудио,Можно использоватьVorbis/Opus。С точки зрения совместимости,Chrome, Firefox и Opera очень совместимы с VP8.,А вот Safari и IE практически не поддерживаются.

Ogg с открытым исходным кодом

Oggпочти сWebMтакой же,Открытый исходный код, широко используемый в Открытом исходный код Поддержка платформы。Чтовидео Схема кодирования называетсяTheora(иметьVP3разработан из,Зависит отРазработано Фондом Xiph.org.,Можно использовать в любом формате упаковки),Аудио естьVorbis。Суффикс обычно.ogvили.ogg,Тип MIME — video/ogg. С точки зрения совместимости,Chrome, Firefox и Opera могут поддерживать его (но Opera не поддерживает его на мобильных платформах).,А вот Safari и IE практически не поддерживаются.

HTML5-решение

Вот и всеизобсудить на самом делеизосновная предпосылкада：видеона основеHtml5из<video>план。Теперь подведем итог совместимости：

Видно, что в настоящее время основным потоком по-прежнему является MP4 (AVC), но чтобы решить неуверенность «лагеря открытого исходного кода» в отношении AVC, вы можете использовать решение с несколькими источниками видео, чтобы обеспечить дополнительную поддержку WebM. или ogg на основе AVC:

<video poster=”movie.jpg” controls>

<source src=”movie.webm” type=’video/webm; codecs=”vp8.0, vorbis”‘>

<source src=”movie.ogg” type=’video/ogg; codecs=”theora, vorbis”‘>

<source src=”movie.mp4″ type=’video/mp4; codecs=”avc1.4D401E, mp4a.40.2″‘>

<p>This is fallback content</p>

</video>

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

1. Предоставьте версию WebM (VP8+Vorbis)
2. Предоставьте версию MP4 (H.264+AAC (низкая сложность))
3. Предоставьте версию Ogg (Theora+Vorbis)

На стороне сервера рекомендуется использовать nginx. Постарайтесь обратить внимание на правильную настройку типа MIME.

Старые версии IE и flash

До того, как HTML5 стал популярным, распространенными решениями для воспроизведения видео были flash и flv (flash поддерживает h.264 mp4, начиная с версии 9). Однако с ростом популярности устройств iOS флэш-память больше не является панацеей. Все больше и больше видео-сайтов предлагают множество решений, и они, как правило, предпочитают HTML5: то есть решение, использовать ли видео или флэш-память, определяется тем, поддерживает ли агент HTML5. Когда речь идет о браузерах ниже IE8, Flash является почти единственным выбором (silverlight, как правило, не получил широкого распространения).

Конечно, существует множество способов реализации флеш- и FLV-решений. Автор может придумать следующие два:

• Серверная часть зависит от типа агента,Вывести другой HTML,Если он поддерживает html5, выведите видео+mp4 (avc) и webm (или ogg),В противном случае выведитеflashСвязанныйизЭтикеткаили脚本
• 使использоватьhtml5shivиhtml5-videoдаIEтакже могу поддержатьvideoЭтикетка,И используйте Flash player вместо встроенного воспроизведения видео.,ссылка
• Вставить объект в видео:
• <video id=”movie” width=”320″ height=”240″ preload controls>
• <source src=”pr6.webm” type=”video/webm; codecs=vp8,vorbis” />
• <source src=”pr6.ogv” type=”video/ogg; codecs=theora,vorbis” />
• <source src=”pr6.mp4″ />
• <object width=”320″ height=”240″ type=”application/x-shockwave-flash”
• data=”flowplayer-3.2.1.swf”>
• <param name=”movie” value=”flowplayer-3.2.1.swf” />
• <param name=”allowfullscreen” value=”true” />
• <param name=”flashvars” value=”config={‘clip’: {‘url’: ‘http://wearehugh.com/dih5/pr6.mp4’, ‘autoPlay’:false, ‘autoBuffering’:true}}” />
• <p>Download video as <a href=”pr6.mp4″>MP4</a>, <a href=”pr6.webm”>WebM</a>, or <a href=”pr6.ogv”>Ogg</a>.</p>
• </object>

</video>

инструмент

• фабрика форматовдарекомендоватьизлучшеизпреобразование форматаинструмент,Поддерживает преобразование формата, сегментацию, добавление водяных знаков и т. д.,Вы даже можете запустить его с помощью командной строки и параметров.,Автор обнаружил, что Baidu Cloud Storage предоставляетвидео Конвертироватьи Хостингдаиспользоватьизфабрика форматов преобразуется в видео. Но пока, фабрика форматы не могут поддерживать webm и ogg.
• DVDVideoSoft Free StudioИнтерфейс круче,Функция также относительно мощная.,Что еще более важно, он поддерживает webm.
• ffmpegдаодин Открытый исходный кодиз Кросс-платформенныйизпоставлятьвидеои音频Конвертироватьизрешатьплан,Включен доступный инструмент преобразования (форма командной строки).,и некоторые расширяемые и вызываемые библиотеки классов.,Это хороший выбор для пользователей, которым требуется автоматическое преобразование и глубокая настройка.
• ffmpeg2theoraМожетиметьэффектизверноffmpegсуществоватьtheoraначальствоиз Пополнить,Он также выполняется на основе командной строки
• HandBrake Поддерживает командную строку и графический интерфейс в качестве дополнения к ffmpeg для преобразования H.264.
• Miro Video Converterтакжедаодин Открытый исходный кодизвидеопрограммное обеспечение для конвертации,Хорошая поддержка различных устройств и форматов.,Есть версия для Mac и версия для Windows.,Рекомендуется для пользователей Mac.

http://diveintohtml5.info/video.html

Издатель: Full stack программист и руководитель стека, укажите источник для перепечатки: https://javaforall.cn/168178.html Исходная ссылка: https://javaforall.cn