Как опубликовать swf файл
SWF-контейнер — это универсальный инструмент для показа различных баннеров:
Кроме того, в контейнере возможна настройка следующих параметров:
SWF-контейнер представляет собой swf-файл, исходный код которого свободно предоставляется для ознакомления.
Контейнер отправляет в AdRiver запрос на xml-баннер, который может быть как стандартный (загруженный через интерфейс AdRiver), так и с произвольным файлом index.xml, содержащим секцию информации для показа HTML-контента в контейнере.
SWF-контейнер поддерживает вызов событий для всех доступных баннеров (flv, swf, image и html-баннеров).
2. Как разместить SWF-контейнер на странице?
Скачайте архив, в котором содержатся следующие файлы:
Вставьте SWF-контейнер на сайт как обычный swf-файл. Рассмотрим пример динамического размещения контейнера (когда альтернативный HTML-контент заменяется на Flash-контент в случае, если есть достаточная поддержка JavaScript и Flash) с использованием SWFObject.
Метод swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes) имеет пять обязательных и четыре опциональных параметра.
id элемента, содержащего альтернативный HTML-контент, который должен быть заменен на SWF-контейнер. В примере это AdRiver_container.
Ширина SWF-контейнера. Принимает значение в px и %. В примере это 90%.
Высота SWF-контейнера. Принимает значение в px и %. В примере это 90%.
Переменные передаются во Flash в виде пар имя : значение. В SWF-контейнере используются следующие переменные:
Атрибуты элемента object в виде пар имя : значение.
Вы можете использовать JavaScript-генератор для автоматического создания кода.
3. Значения переменных flashVars?
Ссылка на показ XML-баннера.
Рекомендуется один раз выставить порядок показа баннеров и не менять его до окончания рекламной кампании.
Режим отображения видео. Возможные значения:
Режим контроля клика swf-баннера. Возможные значения:
Режим масштабирования flv, swf, image-баннеров. Возможные значения:
Html-баннер принимает размеры контейнера.
4. Как загрузить баннер и получить ссылку на показ?
5. Пример XML-баннера с пользовательским файлом index.xml
6. Html-баннер в SWF-контейнере
В SWF-контейнере можно показывать HTML-файл, содержащий следующие теги:
Если файл со стилями загружен вместе с баннером в AdRiver, то он подключается следующим образом:
Если файл со стилями размещаться на собственном сервере, то он подключается следующим образом:
В приложении AIR SWF-содержимое можно встроить в HTML-содержимое точно так же, как в обозревателе. Встроить SWF-содержимое можно с помощью тега object , тега embed или обоих.
Примечание. Общие рекомендации по веб-разработке предполагают использование и тега object , и тега embed для отображения SWF-содержимого на HTML-странице. Эти рекомендации не помогут при работе с AIR. Тег object стандарта W3C может сам по себе использоваться в содержимом, отображаемом в AIR. В то же время теги object и embed могут при необходимости использоваться вместе — такая необходимость может возникнуть при отображении HTML-содержимого в обозревателе.Если в объекте NativeWindow, отображающим содержимое HTML и SWF, включена прозрачность, то AIR не отобразит содержимое SWF, если режим окна ( wmode ), в которое внедрено содержимое, принимает значение window . В данном случае для отображения содержимого SWF на прозрачной странице HTML задайте для параметра wmode значение opaque или transparent . По умолчанию параметр wmode использует значение window , поэтому содержимое может не отображаться, если не задать требуемое значение.
В примере ниже показано, как с помощью тега HTML object отобразить SWF-файл в содержимом HTML. Параметру wmode присваивается значение opaque , чтобы содержимое отображалось даже в том случае, когда под ним находится прозрачный объект NativeWindow. SWF-файл загружается из каталога приложения, но использоваться может любая схема URL-адресов, поддерживаемая AIR. (Расположение, из которого загружается SWF-файл, определяет защищенную изолированную программную среду, в которую AIR помещает содержимое.)
Можно также загрузить содержимое динамически при помощи сценария. В следующем примере узел object создается для отображения SWF-файла, заданного параметром urlString . В примере узел добавляется в качестве дочернего элемента страницы с ID, указанным в параметре elementID :
Содержимое SWF не отображается при изменении масштаба или повороте объекта HTMLLoader, а также если свойству alpha присвоено значение, отличное от 1.0. В версиях, предшествовавших AIR 1.5.2, содержимое SWF не отображалось в окне с прозрачностью при любых значениях wmode .
Примечание. Когда внедренный объект SWF пытается загрузить внешний ресурс, например видеофайл, SWF-содержимое может быть некорректно визуализировано, если в HTML-файле не указан абсолютный путь к видеофайлу. Тем не менее внедренный объект SWF может загрузить внешний файл изображения с использованием относительного пути.В этом примере демонстрируется, как внешние ресурсы можно загрузить через объект SWF, внедренный в HTML-содержимое:
В следующем примере ActionScript считывается путь к изображению, передаваемый HTML-файлом, и изображение загружается в рабочую область:
Хотите вставить свой SWF-файл на свой сайт? В то время как Shockwave Flash имеет возможность публиковать в формате HTML , все, что вам дает, это пустая белая веб-страница с вашим SWF-файлом, воспроизводимым в нем. Это не очень привлекательно для вашей аудитории, если вы используете свой собственный макет и хотите вставить свой Flash-фильм в этот макет, чтобы улучшить свой веб-сайт. Узнайте, как встраивать SWF-файлы с помощью редактора WYSIWYG или текстового редактора.
Использование редактора WYSIWYG для встраивания SWF
Если вы знакомы с такими редакторами WYSIWYG (что вы видите, что вы получаете), такими как Macromedia Dreamweaver или Microsoft FrontPage, то легко использовать меню «Вставка» для вставки Flash-объекта, а затем выбрать SWF-файл из его расположения на жесткий диск; HTML-редактор напишет код для вас, и все, что вам нужно сделать, это отредактировать путь к файлу, чтобы отразить местоположение на вашем веб-сервере.
Использование текстового редактора для встраивания SWF в код HTML
Однако, если вы работаете в текстовом редакторе и пишете свой HTML-код с нуля, это может быть немного сложнее. Вот быстрый и легкий ярлык:
- Измените настройки публикации для Flash SWF и HTML, чтобы отразить, как вы хотите, чтобы Flash SWF отображался на веб-странице.
- Экспортируйте ваш Flash-фильм как HTML.
- Найдите файл HTML на своем компьютере, щелкните правой кнопкой мыши и выберите «Открыть с помощью».
- Выберите Блокнот или другой текстовый редактор.
- Скопируйте исходный код из файла HTML.
- Вставьте его в исходный код вашей веб-страницы в соответствующем месте, где вы хотите, чтобы ваш SWF-файл отображался.
- Отредактируйте путь к файлу, чтобы отразить местоположение SWF-файла на вашем веб-сервере, и загрузите HTML-файл и SWF-файл в соответствующие каталоги на вашем сервере.
Это также применимо, если вы используете PHP, JSP, ASP, CGI или другие расширения веб-страниц.
Тем кто хочет реализовать видео стриминг для начала нужно ознакомиться с тем какие есть видео форматы и что может, а что не может быть воспроизведено. Существует большое количество видео форматов таких как: .flv, .mp4, .swf и другие. Рассмотрим .flv и .swf, которые являются файлами flash формата. Эти два формата не могут быть воспроизведены с помощью HTML5. Напротив MP4 может проигрываться с помощью HTML5 без flash плеера.
Вы можете найти много статьей и туториалов в сети на тему стриминга .swf и .flv файлов. Обратите внимание на то что .swf плеер не будет воспроизводить .flv файлы. Они оба flash но с разными требованиями. В сети много противоречивой информации на данный счет. Вы лишь потратите свое время пытаясь заставить .swf запустит .flv но в итоге удостоверитесь что это невозможно.
Как реализовать .mp4 в HTML5:
Пару вещей которые стоит запомнить:
Есть интересный момент, когда речь идет о воспроизведении видео в полноэкранном режиме. По умолчанию, большинство браузеров отключают эту функцию, но вы можете обойти это, вставив следующий JavaScript код:
Причиной того что видео не работает на сайте может быть отсутствие доступа к серверу, некорректное имя файла, не полный исходный URL или просто Apache (если вы используете его), не распознает тип расширения или тип mime.
Настройка Apache Web Server
Вам нужно добавить mime типы в расширение, либо в файл apache.conf или в mime.conf. После внесения измененный перезапустите сервер.
Вот и все. После этого у вас появится возможность транслироваться видео из сайта. Но помните, существуют ограничения на форматы в HTML5, это могут быть .swf или shockwave flash или .flv.
Как реализовать с flash
В сети много различной информации, где большая часть будет о реализации воспроизведения .swf или Shockwave flash формат, используя что-то вроде SWFObject. Вкратце, SWFObject это JavaScript библиотека, которая позволит вам проигрывать только .swf форматы и больше она ничего не делает.
Чтобы реализовать трансляцию для .swf файлов нужно:
1. Загрузить SWFObject из Git или с других источников.
2. Разместить его на странице:
Этот код должен быть размещен в шапке файла.
3. Вы можете реализовать его с помощью тэга Object tag или:
4. Теперь вам нужно прописать следующее:
5. Это запустит .swf файл на вашей странице. Вы можете управлять многими параметрами, с помощью следующего кода:
FlowPlayer
Если у вас есть много видео, которые сделаны с использованием flash и они в формате .flv, то вам необходимо создать flash плеер. Есть много видео-плееров и услуги, которые доступны по разным ценам. Я выбрал FlowPlayer. Он на рынке достаточно давно и уже обзавелся большим сообществом.
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
3. В теле вашей веб-страницы, вам нужно установить плеер с src файлом:
В этом примере я использовал переменную, основанную на выборе пользователя из предыдущей страницы.
Не то, что вы создали файл и идентификатор нам нужно установить вверх код, который на самом деле запускает файл.
Вы добавили файл и id, теперь нужно прописать код который запустит файл:
После прочтения этой статьи вы должны иметь хорошее понимание ключевых элементов, необходимых для работы mp4 и .flv файлов на вашем сайте. Конечно, вы можете управлять параметрами и делать другие вещи, но целью этой статьи было дать вам, понимание деталей, при настройке стримминга.
Читайте также: