Как да покажем поточно видео с помощта на HTML5

.колапс "> Съдържание

Можете да намерите много статии и уроци в мрежата за поточно предаване на .swf и .flv файлове. Моля, обърнете внимание, че .swf плейърът няма да възпроизвежда .flv файлове. И двамата са флаш, но с различни изисквания. Има много противоречива информация за този акаунт в Интернет. Ще губите само времето си, опитвайки се да накарате .swf да стартира .flv, но в крайна сметка се уверете, че това не е възможно.

Как да внедрите .mp4 в HTML5:

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

Конфигуриране на уеб сървър на Apache

Трябва да добавите типове mime към разширението или във файла apache.conf, или във файла mime.conf. След като направите модифицирания рестартирайте сървъра.

Как да приложим флаш стрийминг

За да приложите превод за .swf файлове:

1. Изтеглете SWFObject от Git или други източници.

2. Поставете го на страницата:

3. Този код трябва да бъде поставен в заглавката на файла.

4. Можете да го приложите с етикет Object или:

5. Сега трябва да регистрирате следното:

6. Това ще стартира .swf файла на вашата страница. Можете да контролирате много параметри със следния код:

FlowPlayer

Има няколко опции за внедряване на FlowPlayer. FlowPlayer.org има две версии: флаш плейър, наречен Flowplayer flash и внедряване на HTML5. Вторият има безплатна опция за разработчици, докато за флаш трябва да закупите лиценз.

Flash Flowplayer има необходимите файлове за възпроизвеждане на .flv файлове, докато HTML5 плейърът има стандартни HTML5 файлови формати (MP4). И така, защо да изберем версията на HTML5? Той предлага доста неща, с които можете да накарате играча да прави нещата, без да програмирате себе си. Всичко зависи от вашите нужди.

1. Уверете се, че са заредени следните файлове:

  • flowerplayer-3.2.x.min.js -> има по-нови версии, така че ще трябва да изтеглите най-новата, ако това не работи, върнете се към .12/.13
  • flowplayer-controls-3.2.15.swf
  • flowplayer-3.2.16.swf

2. Добавете следното към HTML заглавката:

3. В тялото на вашата уеб страница трябва да инсталирате плейъра с src файла:


В този пример използвах променлива въз основа на избора на потребителя от предишната страница.

Не че сте създали файла и идентификатора, ние трябва да настроим кода, който всъщност стартира файла.

Добавихте файла и идентификатора, сега трябва да напишете кода, който ще стартира файла: