Устанавливаем и настраиваем свой flash плеер для проигрывания FLV и MP4 видео, MP3 аудио и фотографий

5 последних уроков рубрики «Для сайта»

• Сегодня мы хотели бы поделиться несколькими идеями касающегося эффекта блочного раскрытия, которую вы можете использовать для своих проектов.

• Если вы хотите существенно повысить уровень безопасности вашего сайта на WordPress, то вам не избежать конфигурации файла .htaccess. Это позволит не только уберечься от целого ряда хакерских атак, но и организовать перенаправления, а также решить задачи связанные с кэшем.

• Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

• Эффекты на то и существуют чтобы впечатлять наших посетителей. В этой подборке собрано несколько десятков ресурсов, чьи создатели очень постарались впечатлить своих посетителей.

• 45+ бесплатных материалов для веб дизайнеров за август 2016

MP3

Пример html-ки:

cat mp3.html
http://rrv.nsk.ru/flv-mp3/ump3player_500x70.swf" height="70" width="470">
http://rrv.nsk.ru/flv-mp3/ump3player_500x70.swf" />
http://rrv.nsk.ru/flv-mp3/my.mp3&swf=http://rrv.nsk.ru/flv-mp3/ump3player_500x70.swf&w=470&h=70&time_seconds=0&autoplay=0&q=&skin=sky&volume=70&comment=Тестовая надпись" />

Как формируется HTML-код?

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

Расшифруем построчно (обратите внимание на дублирование параметров, чтобы плеер корректно работал во всех браузерах):

   
   Размеры плеера. Соотношение сторон должно быть 20 (ширина):3 (высота).

   http://yoursite.com/ump3player_500?70.swf />
   Абсолютная или относительная ссылка на файл плеера.

   
   Включается прозрачный фон для флеш-ролика.

   http://yoursite.com/sample.mp3&swf=http://yoursite.com/ump3player_500x70.swf&w=400&h=60&
   time_seconds=164&autoplay=0&skin=white&volume=70&comment=Название" />
   Настройки плеера (следуют через & в формате параметр=значение):

       * way — путь к файлу flv;
       * swf — путь к файлу плеера;
       * w — ширина плеера (дублируется из тега object);
       * h — высота плеера (дублируется из тега object);
       * time_seconds — время mp3-файла в секундах;
       * autoplay — плеер начинает играть сразу (1) или ждет, пока нажмут на Play (0) — рекомендуется;
       * skin — цветовая схема плеера или скин (адрес скина);
       * volume — стартовый уровень звука (потом пользователь настраивает сам на свое усмотрение) — 0-100;
       * comment - пояснительная надпись (название ролика) во время заставки;
         Обязательные параметры — way и time_seconds.

   
   Здесь дублируются параметры
   путь к файлу плеера swf — scr
   настройки плеера — flashvars
   ширина плеера — width
   высота плеера — height

   

Как вставить плеер с помощью JavaScript (swfObject)?

Наиболее правильным способом вставки плеера на страницу сайта является способ интеграции с помощью JavaScript. Этот способ помогает, например, избавиться от необходимости активировать флеш кликом в некоторых бразуерах (IE Eolas Update). Также существует возможность легко создавать альтернативный контент, если у пользователя не установлен Flash.

Наиболее популярное решение для интеграции флеш-роликов на JavaScript — SwfObject (подробнее на русском)

Обратите внимание на правильную передачу переменных flashvars, в которых передаются настройки плеера.. Вроде все делаю правильно, но на моем хостинге mp3-файл не хочет проирываться в плеере

Зависает в самом начале.

Вроде все делаю правильно, но на моем хостинге mp3-файл не хочет проирываться в плеере. Зависает в самом начале.

Возможно, все дело в хостинге. Проверьте файл .htaccess. Может быть, там есть строка со списком разрешенных файлов. Например, такая:

   AddType application/x-httpd-php .php .htm .html .phtml

В этом случае, нужно разрешить запуск mp3 и swf файлов добавлением новой строки:

   Addtype application/x-shockwave-flash .mp3 .swf

Открываем в браузере файл с расширением swf

Не планируете регулярно просматривать swf-файлы и устанавливать специальную программу для воспроизведения? Самый простой способ открыть swf видео – использовать браузер. Для этого у вас должен быть установлен Adobe Flash Player. Нет? Тогда устанавливаем с официального сайта и возвращаемся к статье. Открываем в браузере файл с расширением swf.

1. Находим сохраненный swf-файл на жестком диске, щелчком правой клавиши мыши вызываем контекстное меню и выбираем опцию «Открыть с помощью»;
2. В списке программ находим наш браузер: Chrome, Mozilla, Opera или, в редких случаях, Explorer. Браузера нет в перечне «Открыть с помощью»? Нажимаем «Выбрать программу» — «Обзор», выбираем папку нужного браузера и нажимаем «Открыть». Теперь в списке «Открыть с помощью» появится браузер – запускаем;
3. SWF-видео откроется в новом окне браузера.

Или более простой в исполнении вариант:

1. Находим swf-файл на жестком диске, и зажав левую клавишу мыши, перетаскиваем его в окно браузера;
2. На новой вкладке начнется воспроизведение swf-видео.

Основные возможности

• просмотр Flash видеороликов;
• запуск приложений, игр в формате SWF;
• настройка вида и размера окна для отображения видео;
• включение/отключение активности мыши во время просмотра файла;
• добавление к ролику кнопок управления;
• поддержка скинов;
• изменение качества видео;
• проигрывание поврежденных и «битых» файлов;
• создание и управление плейлистами;
• функция приближения картинки во время просмотра и др.

Плюсы и минусы

Плюсы:

• конвертация файлов в удобные форматы;
• возможность создания Flash-projector;
• удобные строки-подсказки;
• простой и практично оформленный интерфейс;
• регулярные автоматические обновления;
• контроль над результатами конверсии файлов благодаря функции приближения окна.

Минусы:

• программа бесплатная, но условно;
• добавление к файлам водяного знака;
• довольно строгие требования к системным ресурсам.

Похожие приложения

Total Video Player. Качественный бесплатный медиа плеер, с помощью которого можно воспроизводить файлы в H264, Flv, 3gp, Mp4 и других популярных аудио, а также видео форматах.

BSPlayer. Удобный и простой мультимедийный проигрыватель, который распространяется на бесплатной основе. Он поддерживает работу практически со всеми существующими форматами, в том числе и SWF. Он имеет интересные встроенные темы оформления, панель навигации, может делать скриншот экрана. В нем есть собственная мультимедийная библиотека.

SWF Opener. Бесплатная программа для воспроизведения SWF файлов – видеороликов, игр, баннеров и т. д. Пользоваться ней очень удобно – для проигрывания нужно только перетащить файл в окно приложения или использовать специальную кнопку, расположенную на панели задач.

Принципы работы

Интерфейс программы напоминает Media Player, но в нем можно сменить цветовую схему оформления. Внизу окна расположена панель меню. Через нее осуществляется доступ непосредственно к функционалу проигрывателя. Также на панель вынесены основные инструменты.

Интерфейс

В правой части вы увидите три функции:

1. Загрузить папку.
2. Сохранить плейлист.
3. Загрузить плейлист.

После того, как вы добавите файлы для просмотра, их список отобразится в виде столбца в правой части окна.

По умолчанию данные будут воспроизводиться в оконном режиме, в случае необходимости окно можно развернуть на весь экран. В плеере предусмотрены пауза, остановка и перемотка. Есть функция настройки качества видео, которая применяется в разделе «Опции».

Опции

Кроме того, в плейлист вы можете добавить видео с Ютуба, введя в специальном поле ссылку на него.

Добавление файлов

Также есть встроенный регулятор звука для настройки громкости, конвертер для преобразования формата EXE в формат SWF. Списки можно редактировать прямо во время воспроизведения. Программа может отображать подробную информацию о любом файле.

SWF Player – простой плеер, который качественно воспроизводит любые файлы в формате SWF.

Открыть swf на Андроиде

Задача открыть swf на Андроиде решается не так легко. Ведь AdobeFlashPlayer перестал поддерживать мобильные версии. Я опишу 3 возможных варианта работы, а вы выберите тот, который подойдет вашему устройству.

Приложение для проигрывания SWF файлов

Например, Online Video Downloader. Чтобы открыть swf на Андроиде через данное приложение, не нужен Adobe Flash Player. Учитывая, что данные плагин больше не поддерживается для Андроид, это – важная опция. Проигрыватель работает с основными видами онлайн видео-файлов: mp4, wmv, avi, mkv, dv, rm, mp, mpeg, flv, divx, swf, 3gp, 3gpp и т.д. Кроме того, Player бесплатный.

Google Swiffy

Отзывы на Google Play говорят о том, что у некоторых пользователей возникают проблемы с установкой Flash-проигрывателя: он не устанавливается или работает некорректно. Советую воспользоваться сервисом Google Swiffy и конвертировать проблемный формат swf в mp4.

Лучшее решение: устанавливаем Adobe Flash Player

Мне дополнительные приложения и Swiffy не подошли: приложения зависали, а конвертация требовала дополнительного времени. Поэтому я решила установить плагин Adobe Flash Player из архивных версий. Главное преимущество: кроме решения вопроса с swf вы также забудете о проблемах с просмотрами онлайн-видео.