Подробное объяснение использования звука HTML5 -TV

Общий видеоформат

• Компонент видео: экран, аудио, формат кодирования
• Кодирование видео: H.264, Theora, VP8 (Google Open Source)

HTML5 поддерживает видео формат:

1. OGG

Файл OGG с помощью видео -кодирования+Vorbis Audio Coding

Поддерживаемый браузер: F, C, O

2. mepg4

Файл MPEG4 с H.264 Video Encoding+AAC Audio Encoding

Поддерживаемый браузер: S, C

3, Webm

Формат WebM с кодированием видео VP8+Vorbis Audio Enoding

Поддерживаемый браузер: I, F, C, O

Недостатки: мало видео, почти без транскодеров, не подходящих для транскодирования

Если вы хотите видео, вы можете автоматически заполнить размер медленного отца, просто добавьте стиль = ширину = 100%к ​​видеоте

Укажите видео -формат.

 <Видео ID = Media src = examp.mp4 width = 500 poster = examp1.jpg> Ваш браузер не поддерживает видео </video>

Учитывая разнообразные видео форматы, который тип браузера предпочитает играть в соответствии со своей степенью

 <Видео Controls = Controls> <Source src = 1.mp4 type = video/mp4/> // Свойства SRC Напишите в тегах источника, чтобы указать тип видео, например, mp4 is type = video/mp4 <источник Src = 2.gg type = video/ogg/> // ogg format <source src = 3.webm type = video/webm/> // format </video> format </video>

Атрибут API

• Продолжительность: вернуть длину текущего аудио/видео (в секундах)
• Пауза: установить или вернуть аудио/видео, чтобы сделать паузу
• CurrentTime: установите или верните текущую позицию воспроизведения в аудио/видео (в секундах)
• Закончилось: закончилось ли воспроизведение аудио/видео

1.4.1 Видео метод

Общий метод

• Play (): начните играть в аудио/видео
• pause (): приостановить текущий аудио/видео

1.4.2 Статус сети

Получите видеообъект

 Media = document.getelementbyid (Media);

1.media.currentsrc;

Вернуться к URL -адресу текущего ресурса

2.media.src = значение;

Вернуть или установить URL -адрес текущего ресурса

3.media.canPlaytype (тип);

Можете ли вы играть в определенный ресурс формата

4.media.networkstate;

0. Этот элемент не инициализируется

1. Нормальный, но не используя сеть

2. Скачать данные

3. Нет ресурса

5.media.load ();

Перегрузить ресурс, указанный SRC

6.media.buffed;

Вернуться в буферную зону, тайранты

7.media.peload;

Нет: не предварительно загружать

Метаданные: предварительная информация о ресурсах

Авто:

1.4.3 Статус подготовки

1.Media.ReadyState

2.media.seking;

Если вы ищете

1.4.4 Статус воспроизведения

1.media.currenttime = значение;

Текущая позиция воспроизведения может быть изменена на позицию

2.media.starttime;

Обычно 0, если это потоковой носитель или ресурс, который не начинается с 0, это не 0

3.media.duration;

Текущая длина ресурса течет назад без ограничений

4.media.paused;

Сделать паузу

5.media.defaultplaybackrate = value;

Скорость воспроизведения по умолчанию, вы можете настроить

6.media.playbackrate = значение;

Текущая скорость воспроизведения изменяется сразу после настройки

7.media.played;

Вернитесь в область, в которой разыгрывается, Timeranges, см. Объект ниже об этом объекте

8.media.seekable;

Вернуться в область, которая может искать

9.media.nded;

Должно ли закончиться

10.media.autoplay;

Играть автоматически

11.media.loop;

Должно ли циркулировать

12.media.play ();

Играть

13.media.pause ();

пауза

1.4.5 управление видео

• Media.controls;
• Media.volume = value; // Том
• Media.mated = value;
• Тайранги (регион) объект
• Timeranges.length;
• Timeranges.start (index) // Начальная позиция области секции индекса
• Timeranges.end (index) // конец области отделения индекса

1.4.6 Связанные события

1. Прежде всего, вы можете связать событие с помощью метода addeventListener в JS

2. Общие события

• OnCanPlay: сценарий, работающий при готовке к файлу (буфер достаточно в начале).
• OutimeUpdate: сценарий работает при изменении позиции воспроизведения (например, когда пользователь собирается ввести другую позицию в среде).
• ONDEND: Сценарий, работающий, когда медиа достиг конца (может отправлять сообщения, например, благодаря просмотру).

1.4.7 Другие

1. Полный экран:

• element.webkitrequestfulscreen ();
• Element.mozrequestfulscreen ();
• Element.requestfulscreen ();

2. Выйдите из полного экрана:

• Document.WebkitCanceltScreen ();
• document.mozcanceltscreen ();
• Document.ExitfulScreen ();

1. Общий аудиоформат

Аудио -кодирование: ACC, MP3, Vorbis

2. HTML5 поддерживает аудиоформат:

• OGG бесплатно браузер: C, F, O
• Браузер MP3 Зарядка: I, C, S
• WAV Зарядка браузер: F, O, S

Поддержка музыкального формата

Аудио может быть создан новым. Вы также можете получить его, используя документы

 // 通过 Новый 关键字来创建 Audio 对象 var music = new Audio (test.mp3); // 通过 документ 来获取已经存在的 audio 对象 var music = document.getelementbyid (audio); // 当然这里也可以使用 документ Получите другие методы, такие как .getelementsbyclassname ('classname').

Прежде всего, вы можете связать событие с помощью метода addeventristener в JS

На самом деле, API и аудио видео почти последовательны. Немного по -другому. Так что в основном один из других будет там

Приведенное выше содержимое этой статьи.