- 09.08.16 11:52 •
- zarytskiy •
- # 307446 •
- Хабрахабр •
- 10 •
- 6400
- такий же як Forbes, тільки краще.
Ви можете знайти багато статтею і туторіали в мережі на тему стрімінга .swf і .flv файлів. Зверніть увагу на те що .swf плеєр не буде відтворювати .flv файли. Вони обидва flash але з різними вимогами. У мережі багато суперечливої інформації на даний рахунок. Ви лише витратите свій час намагаючись змусити .swf запустить .flv але в підсумку переконаєтеся що це неможливо.
Як реалізувати .mp4 в HTML5:
Пару речей які варто запам'ятати:
Налаштування Apache Web Server
Вам потрібно додати mime типи в розширення, або в файл apache.conf або в mime.conf. Після внесення змінений перезапустіть сервер.
Як реалізувати з flash
Щоб реалізувати трансляцію для .swf файлів потрібно:
1. Завантажити SWFObject з Git або з інших джерел.
2. Розмістити його на сторінці:
Цей код повинен бути розміщений в шапці файлу.
3. Ви можете реалізувати його за допомогою тега Object tag або:
4. Тепер вам потрібно прописати наступне:
5. Це запустить .swf файл на вашій сторінці. Ви можете управляти багатьма параметрами, за допомогою наступного коду:
FlowPlayer
Є кілька варіантів для реалізації FlowPlayer. FlowPlayer.org має дві версії: флеш-плеєр під назвою Flowplayer flash і HTML5 implementation. Друга має безкоштовний варіант для розробників, в той час як для flash потрібно купити ліцензію.
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 файлом:
У цьому прикладі я використав змінну, засновану на виборі користувача з попередньої сторінки.
Не те, що ви створили файл і ідентифікатор нам потрібно встановити вгору код, який насправді запускає файл.
Ви додали файл і id, тепер потрібно прописати код який запустить файл:
Після прочитання цієї статті ви повинні мати хороше розуміння ключових елементів, необхідних для роботи mp4 і .flv файлів на вашому сайті. Звичайно, ви можете управляти параметрами і робити інші речі, але метою цієї статті було дати вам, розуміння деталей, при налаштуванні стриммингу.