Сегодня, поскольку видеофайл должен быть добавлен на веб -страницу, я изучал FLV Video Player flvPlayer.swf 1. Загрузите его непосредственно в файл HTML:
Кода -копия выглядит следующим образом:
<div id = flashfile>
<объект тип = приложение/x-shockwave-flash ширина = 470px высота = 403px
data = flvPlayer.swf? file = movie/company.flv>
<param name = значение фильма = flvPlayer.swf? File = movie /company.flv & showfsbutton = true & autostart = true />
<param name = wmode value = прозрачный />
<param name = Quality value = High />
<param name = upluckfullScreen value = true />
</object>
</div>
2. Используйте JavaScript для динамической загрузки:
Кода -копия выглядит следующим образом:
<script type = text/javascript>
функция Playflv (имя файла) {
var VideOname = имя файла; // видео -файл
var floder = видео; // папка, где хранятся Flash Videos, обратите внимание, что это относительно местоположения файла flvplayer.swf (images/flvPlayer.swf)
var div = document.getElementbyid (flvPlayDiv);
div.innerhtml = <img src = 'images /wate.gif' /> div.style.display = none;
var result = <table align = 'center'> <tr> <td align = 'center'> <object type = 'application/x-shockwave-flash' width = '470px' eight = '403px';
result + = data = 'Images / flvPlayer.swf? file = + floder + / + filename +'>;
result + = <param name = 'movie' value = 'images /flvPlayer.swf? file = + floder + / + filename + & showfsbutton = true & autostart = true' />;
result += <param name = 'wmode' value = 'прозрачный' />;
Результат += <param name = 'Quality' value = 'High' />;
result += <param name = 'AlluckfullScreen' value = 'true' />;
Результат += </object> </td> </tr> </table>;
div.innerhtml = результат;
div.style.display = inline; // div метод отображения
}
</script>
Добавьте следующий код в область тела:
Кода -копия выглядит следующим образом:
<button id = kk type = button onclick = playflv ('company1.flv')> Play 1 </button>
<br /> <button id = k2 type = кнопка onclick = playflv ('company2.flv')> Play 2 < /button>
<div id = flvplaydiv> </div> <!-область Div для воспроизведения видео->
JW FLV Player Online FLV Player на китайском языке
Как использовать: если вам нужно только воспроизводить файл flv [например, video.flv], то просто скопируйте видео.flv и flvplayer.swf в сжатый пакет в тот же каталог и добавьте его на странице
Программный код
<объект тип = приложение/x-shockwave-flash ширина = 400 высота = 220
wmode = прозрачный Data = flvPlayer.swf>
<param name = значение фильма = flvPlayer.swf />
<param name = wmode value = прозрачный />
<объект/>
flvPlayer.swf автоматически найдет воспроизведение Video.flv в том же каталоге. Вы также можете добавить URL -адрес файла FLV после flvPlayer.swf, чтобы воспроизводить. Метод заключается в следующем:
Программный код
<объект тип = приложение/x-shockwave-flash ширина = 400 высота = 220
wmode = transparent data = flvPlayer.swf? file = movie/holiday.flv>
<param name = value = flvplayer.swf? file = movie /holiday.flv />
<param name = wmode value = прозрачный />
</object>
file = movie/holiday.flv - это параметр, и могут использоваться относительные или абсолютные адреса.
Другое описание параметра:
Если видео не нужно автоматически воспроизводить при загрузке, вы можете использовать параметр AutoStart
пример
Программный код
<объект тип = приложение/x-shockwave-flash ширина = 400 высота = 220
wmode = прозрачный data = flvPlayer.swf? AutoStart = false>
<param name = значение фильма = flvPlayer.swf? AutoStart = false />
<param name = wmode value = прозрачный />
</object>
Несколько параметров могут использоваться в смешанном виде, а в списке эффективных параметров:
Программный код
Файл (адрес файла FLV)
AutoStart (разрешено ли автопроизводство, верно или неверно)
Изображение (предварительный просмотр изображений, когда они не воспроизводятся, поддерживайте только формат JPEG)
Повторите (будь то воспроизводить его неоднократно)
ClickText (текст, отображаемый в начале, нажмите, чтобы играть по умолчанию)
Ниже приведена версия 3.12 http://www.cgfans.net/bbs/medias/2007/10/jw_flv_player.zip Это версия 3.12
Этот документ содержит метод установки и метод конфигурации JW MP3 -плеер, JW FlvPlayer, JW Media Player, JW Rotator
Закон
JW Players 3.12 документация
1. Установите (встроен на вашем сайте)
2. Параметры (конфигурация)
Основные параметры
Параметры цвета
Параметры интерфейса
Параметры воспроизведения
Интерактивные параметры
3. плейлист
4. Настроить
5. Поддержка
Быстрая конфигурация, запустите мастер конфигурации
1. Установите
После загрузки вы можете получить пример, когда открыт с помощью текста или HTML -редактора, вы можете обнаружить, что SWF - это короткая часть
JavaScript встроен на странице. Этот javascript является swfobject.js, написанным Джеффом Стеарнсом, который решает необходимость в флэш -
Проблема жизни. При копировании SWF на ваш сайт не забудьте скопировать swfobject.js вместе. И на странице
Добавьте следующий код в голову
Программный код
<script type = text/javascript src = swfobject.js> </script>
С помощью swfobject.js вы можете легко установить путь, ширину, высоту, цвет фона и версию нуждающегося в флэш -плеере, или вы можете установить набор параметров для настройки SWF. Когда страница загружена, JavaScript заменит узлы на странице в соответствии с идентификатором.
Программный код
<p id = player> <a href = http: //www.macromedia.com/go/getflashplayer> Получить Flash </a>, чтобы увидеть этого игрока. </p>
<script type = text/javascript>
var So = новый swfobject ('MediaPlayer.swf', 'Player', '400', '400', '7');
so.addparam (AlluckfullScreen, True);
so.addvariable (file, test.flv);
SO.AddVariable (DisplayHeight, 300);
so.write ('игрок');
</script>
В ситуациях, когда вы не можете использовать JavaScript (например, ваш BSP не поддерживает его, например MySpace), вы можете использовать Enced для вставки SWF.
Следует отметить, что SWF не может быть на этом сервере, но если вам нужно использовать плейлисты XML, могут быть проблемы, потому что XML должен находиться на том же сервере, что и SWF, в противном случае он будет организован из -за проблем безопасности. MP3, JPG, FLV не может быть на этом сервере.
Программный код
<embed src = http: //www.myfileserver.com/folder/mediaplayer.swf ширина = 400 высот = 400
type = application/x-shockwave-flash pluginspage = http: //www.macromedia.com/go/getflashplayer
flashvars = file = http: //www.myfileserver.com/folder/test.flv&displayheight=300/>
2. Параметры
Эти параметры могут настроить поведение и внешний вид игрока, встроенного в HTML. Если вы используете swfobject.js, вы можете использовать метод addvariable () для его настройки. Если вы используете метод Embed, вы можете настроить переменные, определив атрибут Flashvars. Обратите внимание на использование и символа для разделения этих переменных.
То же самое относится и к ротатору JW изображения, отмеченным *
Основные переменные
DisplayHeight (номер): высота области дисплея. Минимальная высота площади управления составляет 20px. Когда это значение больше или равно высоте SWF, список воспроизведения будет автоматически скрыт, в противном случае это будет отображаться.
Файл*(URL): адрес файла для воспроизведения. Поддерживает воспроизведение одного файла (MP3/FLV/RTMP/JPG/SWF/PNG/GIF), а также поддерживает плейлисты. Ротатор изображения JW поддерживает только списки
Высота*(номер): установите высоту SWF. При вставке с использованием Embed он был установлен в свойство Enced. Но иногда (особенно при использовании IE) высота становится неопределенной, что влияет на макет. В настоящее время вам нужно установить этот параметр, и единица этого значения - PX
Image (URL): Когда вы воспроизводите MP3 и FLV, вы можете установить предварительное изображение в качестве обложки альбома через это значение, поддерживая файл JPG/SWF/PNG/GIF. Вы также можете установить каждый элемент в список воспроизведения.
showdavigation*(true, false): этот параметр поддерживается только ротатором изображения JW. Используется, чтобы показать или скрыть навигацию изображения.
Переход* (Fade, Bgfade, блоки, пузырьки, круги, жидкости, линии, случайные, медленные): этот параметр поддерживается только вращателем изображения JW. Используется для установки эффекта замены изображения. Настройка к случайному установит эффект случайным образом. Значение по умолчанию исчезает.
Ширина*(номер): установите ширину SWF, другая такая же, как высота;
Цветовые переменные
Backcolor*(цвет): устанавливает цвет фона игрока. JW Media Player и т. Д. По умолчанию в 0xfffff (белый) jw rowator изображения, по умолчанию до 0x000000 (черный).
Fontcolor*(цвет): устанавливает цвет текста и кнопок. JW Media Player и т. Д., По умолчанию 0x000000 (черный) jw rowator изображения, по умолчанию до 0xfffff (белый).
LightColor*(цвет): устанавливает цвет активированного состояния. По умолчанию 0x000000 (черный), а по умолчанию - jw rowator. По умолчанию 0xcc0000 (красный).
Параметры интерфейса
AutoScroll (True, False): Когда список воспроизведения слишком длинный, полоса прокрутки будет автоматически отображаться по умолчанию. Когда это значение будет установлено «true», список воспроизведения будет автоматически прокручиваться в соответствии с мышью.
DisplayWidth (количество пикселей): установите ширину области отображения. Когда настройка относительно невелика, список воспроизведения будет отображаться на правой стороне области дисплея вместо нижней.
Kenburns* (true, false): используется для достижения эффекта Kb во время упражнений. Обратите внимание, что когда изображение больше и скорость интернета быстрее, рекомендуется включить, в противном случае закрыть. Рекомендуется установить переход на медленное положение, чтобы сотрудничать.
LARGECONTROLS (TRUE, FALSE): Установите это значение TRUE, чтобы увеличить кнопку для области управления. Рекомендуется открыть его для пользователей с плохим зрением
Логотип* (URL): установите изображение в качестве водяного знака в верхнем правом углу, поддерживает все форматы изображений и поддерживает лучший эффект PNG прозрачного слоя.
Overstrech* (True, False, Fit, None): устанавливает масштаб изображения/видео в области отображения. Истинное растяжение равной доли используется для соответствия области дисплея. Ложь только растягивайте область отображения. Установите полноэкранный дисплей. Никто не показывает исходный размер. JW Media Player и т. Д. По умолчанию подходят, а ротатор изображений JW по умолчанию является ложным по умолчанию
Showdigits (True, False, Total): установите на False, чтобы скрыть время воспроизведения и другую информацию, чтобы сохранить пространство в области управления. Установите Total, чтобы отобразить все время.
Showdownload (true, false): установите это значение, чтобы отобразить кнопку загрузки в области управления. Ссылка на адрес, установленный по ссылке.
Showeq (True, false): используется для отображения фальшивого эффекта флуктуации звука. При воспроизведении MP3 вы можете получить хороший эффект
Showicons* (True, False): используется для отображения или скрытия изображений в середине области отображения. JW Media Player и т. Д. По умолчанию в True. Jw -изображение ротатор по умолчанию на ложь;
ShowVolume (True, False): используется для установки, чтобы отобразить кнопку управления громкости
ThumbsInPlaylist (true, false): устанавливает, отображается ли изображение предварительного просмотра в списке
Параметры воспроизведения
AUTOSTART (TRUE, FALSE, приглушен): Установка в Ture, страница будет автоматически воспроизводиться после загрузки. Установите приглушение, он автоматически будет играть в тихой режиме, и в середине области дисплея будет звучать николовый значок. BufferLength (номер): устанавливает время кэша FLV. По умолчанию 3 секунды
Повторите* (true, false, list): по умолчанию есть Flase, и она останавливается после воспроизведения с текущей позиции воспроизведения до конца списка. Установка в список будет воспроизводить все элементы в списке и установить на True Play It Loop.
rowatetime* (номер): устанавливает время отображения изображения. JW Media Player и т. Д. По умолчанию до 10 секунд, а ротатор изображения JW по умолчанию - 5 секунд.
Shuffle* (true, false): установите на false, чтобы воспроизводить последовательно, установить на True, чтобы играть без упорядка
сглаживание (верно, false): установите на False, чтобы отключить обработку сглаживания видео. Рекомендуется установить истину, чтобы получить лучшие результаты. Но полезно установить FALSE для больших экранов или с низким содержанием скорректированных машин.
Start* (Second): при использовании потоковой среды RTMP или HTTP (нетрадиционная FLV/MP3) используйте эту переменную, чтобы точно найти начальную позицию. Этот параметр установлен в списке формата XSPE, чтобы точно установить раздел файла.
Том* (номер): установите объем по умолчанию до 80.
Интерактивные параметры
Audio* (URL): используйте этот параметр, чтобы добавить файл MP3 в качестве отдельного звука, который можно использовать в качестве фоновой музыки, объясняющую картинку и т. Д.
BWFILE (URL): адрес файла, используемого для обнаружения полосы пропускания, вы можете поместить изображение или потоковое носитель RTMP. Стоимость кредита может быть просмотрена в меню правой кнопкой мыши.
BWStreams (разделенный запятой список битрейтов):
Используйте его в сочетании с BWFile, чтобы выбрать разные файлы в соответствии со значением полосы пропускания. Например: вы хотите воспроизводить Video.flv и установить значение этого элемента на 100 250 500,1000. Когда игрок обнаруживает, что пропускная способность составляет 349 кбит / с, Video_250.FLV будет воспроизведен. Таким образом, у него есть эффективная настройка именования, которые он автоматически переключит, даже при использовании списков воспроизведения.
Callback (URL): Установите этот параметр на адрес программы Server (PHP/ASP) для передачи данных обратно. Данные отправляются на сервер, когда каждый элемент воспроизводится и останавливается, так что статистика воспроизведения сохраняется на стороне сервера.
Подписи (URL): Установите это значение для загрузки текста в формате текста как субтитры. Игрок в субтитры, которые поддерживают формат SMIL и формат DVD. Если в вашем файле FLV есть встроенные шрифты, вы можете установить значение для заголовка. Если у вас есть многоканальные субтитры, вы можете установить это значение на CONTATE0, CONTATE3 и т. Д. Значение каждого элемента может быть установлено в списке.
enablejs* (true, false): установите в True, чтобы включить поддержку JavaScript. Онлайн -использование поддерживается только. JavaScript может управлять воспроизведением, загружать носитель и получить подробную информацию о текущем элементе воспроизведения.
fsbuttonlink (URL): если версия FlashPlayer пользователя выше (9.0.28), игрок автоматически отобразит полноэкранную кнопку. Установив это значение, вы можете ссылаться на другую страницу для полноэкранного отображения. Сервер может установить файл для воспроизведения.
id (String): уникальный идентификатор игрока. Он будет возвращен на сервер.
JavascriptId* (String): если у вас есть несколько игроков на вашей странице, вы можете установить этот параметр, чтобы дать каждому игроку другой идентификатор, чтобы вы могли легко контролировать его с помощью JavaScript. Он будет возвращен на мероприятие getupdate ().
Ссылка (URL): Используйте этот параметр, чтобы установить текущую версию, или заставить пользователя загрузить текущий элемент через этот адрес. Это значение может быть установлено для каждого элемента в списке воспроизведения.
LinkfromDisplay* (true, false): устанавливает доступ к странице, когда нажимает область отображения. По умолчанию операция воспроизведения/паузы будет выполнена при щелчке области отображения.
LinkTarget* (Frame): установите цель ссылки, _self открывается на текущей странице. _blank открывается на новой странице.
StreamScript (URL): Установите этот параметр, чтобы быть совместимым с FLV-файлами «псевдо-потока».
Тип (mp3, FLV, RTMP, JPG, PNG, GIF, SWF, RBS, 3GP, MP4, M4V): игрок будет судить тип на основе трех последних символов имени файла. Этот метод больше не будет работать при перенаправлении с использованием языка на стороне сервера. Таким образом, вы можете установить этот параметр, чтобы сообщить игроку тип файла. Вы также можете установить каждый элемент в список воспроизведения. Если игрок не может найти тип файла, он будет распознан как список воспроизведения.
Useaudio (true, false): установить на ложь, чтобы измениться в молчаливое состояние.
USECAPTIONS (TRUE, FALSE): установите на ложь, чтобы скрыть субтитры.
Полезный Screen (TRUE, FALSE): Если вы не хотите использовать полноэкранный режим FlashPlayer9. Параметр fsbuttonlink может быть установлен для замены событий кнопки полного экрана.
Usekeys (True, False): установите на False для отмены операций клавиатуры (пространство, вверх, вниз, влево, справа)
Примечание: вы должны перенести персонаж? = &. ? → %3f, = → %3d, & → %26. Когда ваша переменная файла будет GetPlayList.php? ID = 123, она должна быть установлена на GetPlayList.php%3fid%3D123.
Плейлист
Когда в списке воспроизведения будет только один элемент, игрок будет играть в режиме воспроизведения в одном файле. Игрок отличает отдельный файл от файлов PlayList на основе имени файла. Если вы загрузите файл с помощью имени файла test.mp3, игрок будет использовать режим воспроизведения одного файла для воспроизведения mp3, потому что расширение - mp3. Если ваше имя файла - getList.php, игрок подумает, что это список воспроизведения. Если вы используете динамические сценарии для загрузки одного файла, подобного
Игрок поддерживает три обычно используемых формата плейлистов, чтобы обеспечить универсальность. XSPF, RSS и Atom.
Общая метка для списка XSPF/RSS/Atom, поддерживаемой игроком.
лист
*Ротатор изображения поддерживает только первый элемент «аудио» в плейлисте и используется в качестве фоновой музыки для игры. Игрок сыграет все музыкальные элементы.
** Элемент категории можно использовать для поддержки рекламы. Вы можете установить значение для преролл, постролла или наложения.
Используйте значение одного элемента в списке воспроизведения ссылки, чтобы стать адресом объявления.
*** Начальный элемент поддерживается только форматом плейлиста XSPF. Этот элемент используется для установки начальной позиции потокового носителя (HTTP или RTMP) за секунды.
**** Если элемент местоположения в формате списка XSPF не содержит общих расширений (например, MP3 или FLV), вы можете использовать мета -элемент для указания формата файла. (например, <meta rel = 'type> mp3 </meta>). При использовании RSS и Atom формат файла автоматически распознается в соответствии с MimeType.
RTMP -потоки, дополнительный идентификатор Flashvar также должен быть отправлен. Пример: file = rtmp: //my.streaming.server/mypath и id = video_one.
Обратите внимание, что когда вы воспроизводите один файл, вы поддерживаете все параметры, например, вы можете добавить изображение, заголовок, идентификатор, ссылку и т. Д. Если вы хотите добавить предварительное изображение при воспроизведении video.flv в режиме воспроизведения одного файла, вы можете установить параметры file = video.flv, image = preview.jpg. Когда вы играете в потоковую передачу RTMP, вы можете добавить идентификатор параметров. Например, file = rtmp: //my.streaming.server/mypath, id = video_one.
В частности, указываются два склонных к ошибкам места. Первый список должен быть на том же сервере, что и игрок, который вызван механизмом безопасности флэш -памяти. Во -вторых, используйте полный формат адреса, чтобы включить HTTP, чтобы игрок не мог найти файл.
Настраивать
Многие люди просили меня создать некоторые настраиваемые версии. Многие из их требований могут быть достигнуты путем установки параметров. Я сделал мастер конфигурации онлайн, чтобы просто настройка этих параметров. У меня нет энергии для удовлетворения требований каждого. Однако в следующей версии будет много интересных дополнительных функций.
Если вы знакомы с языком сценариев ActionScript, вы можете изменить программу и добавить функции самостоятельно.
Когда игрок находится в экземпляре, переменные конфигурации и списка воспроизведения будут добавлены недавно, и тогда будет введен жизненный цикл MCV. Конфигурация и диспетчер списков (фидер) всегда действительны во время жизненного цикла MCV.
Все методы двух объектов, отмеченных красным, могут быть вызваны через JavaScript.
В других программах Flash могут быть направлены на игроки. Просто скопируйте изображение из загруженного файла FLV и обязательно скопируйте загруженный каталог COM в свой файл FLV, который содержит все сценарии. Затем вы можете получить доступ к переменным в месте первой кадры временной шкалы. Будьте осторожны, чтобы установить переменные высоты и ширины, иначе игрок будет растягиваться и деформировать в соответствии с вашим размером.
нравиться
Программный код
// Установить флэшвары (также должны быть цитированы логические и числа)
var width = 320;
высота var = 240;
var file = my_video.flv;
var AutoStart = true;
// запустить игрока
var mpl = new com.jeroenwijering.players.mediaPlayer (this.player);
Кроме того, я сделал контроллер публичным объектом, поэтому вы можете управлять функцией MediaPlayer с помощью функции SendEvent () из любой точки вашего сайта Flash (приведенная выше схема имеет список параметров All SendEvent ()). Давайте продолжим небольшой сценарий выше:
Я создал предмет объекта контроллера для игрока, поэтому вы можете управлять игроком в любом месте своей программы, используя sendevent () как:
Программный код mpl.controller.sendevent (том, 50);
mpl.controller.sendevent (playpause);
поддерживать
Список часто задаваемых вопросов
1. Если у вас есть неуместная макет при использовании IE, возможно, что размер не очень хорошо установлен. Вы можете использовать переменную ширину и высоту, чтобы принудительно ее.
2. Обратите внимание, что механизмы безопасности Flash и JavaScript будут влиять на ваши локальные тесты. Вы также можете пострадать, когда ваши файлы размещены на разных серверах, и вы можете попытаться поместить их на один и тот же сервер.
3. Функция полного экрана может использоваться только в Flash Player9.028.0 или выше. Если вы используете Swfobject для встраивания своего игрока, вы можете использовать его функцию автоматического обновления. Обратите внимание, что AlludfullLScreen установлен на True
4. Если ваш панель прогресса не движется, или есть проблема с длиной вашего видео. Это может быть, что ваш FLV не устанавливает правильные метаданные. Вы можете использовать виджет www.buraks.com/flvmdi/.
Две версии немного отличаются, пожалуйста, см. Приведенные ниже инструкции для получения подробной информации