Hoy, dado que se agregará un archivo de video a la página web, estudié el reproductor de video FLV FLVPlayer.swf 1. Cárguelo directamente en el archivo HTML:
La copia del código es la siguiente:
<div id = flashfile>
<objeto tipo = aplicación/x-shockwave-flash width = 470px altura = 403px
data = flvplayer.swf? file = películas/compañía.flv>
<Param name = Movie Value = flvplayer.swf? file = películas /compañía.flv & showfsbutton = true & autostart = true />
<param name = wmode value = transparent />
<param name = calidad valor = high />
<param name = nowFullScreen value = true />
</objeto>
</div>
2. Use JavaScript para cargar dinámicamente:
La copia del código es la siguiente:
<script type = text/javaScript>
función playflv (nombre de archivo) {
var videoname = fileName; // nombre de archivo de video
var floder = video; // La carpeta donde se almacenan los videos flash, tenga en cuenta que es relativo a la ubicación del archivo Flvplayer.swf (Images/Flvplayer.swf)
var div = document.getElementById (FLVPlayDiv);
div.innerhtml = <img src = 'images /wait.gif' />div.style.display = none;
VAR result = <table align = 'Center'> <tr> <td Align = 'Center'> <Object Type = 'Application/X-ShockWave-Flash' Width = '470px' Height = '403px';
resultado + = data = 'Images / flvplayer.swf? File = + Floder + / + FileName +'>;
Result + = <param name = 'Movie' value = 'Images /Flvplayer.swf? File = + Floder + / + FileName + & ShowfsButton = True & AutoStarsart = True' />;
resultado += <param name = 'wmode' value = 'transparent' />;
resultado += <param name = 'Quality' value = 'high' />;
resultado += <param name = 'tentisodfullScreen' value = 'true' />;
Result += </ject> </td> </tr> </table>;
div.innerhtml = resultado;
div.style.display = inline; // Método de visualización Div
}
</script>
Agregue el siguiente código al área del cuerpo:
La copia del código es la siguiente:
<botón id = kk type = button onClick = Playflv ('Company1.flv')> Play 1 </Button>
<br /> <botón id = k2 type = button onClick = Playflv ('Company2.flv')> Play 2 < /Button>
<div id = flvplaydiv> </div> <!-Área div para reproducción de video->
JW FLV Jugador en línea FLV Player en chino
Cómo usar: si solo necesita reproducir un archivo FLV [como video.flv], simplemente copie el video.flv y flvplayer.swf en el paquete comprimido al mismo directorio y agréguelo en la página
Código de programa
<objeto tipo = aplicación/x-shockwave-flash ancho = 400 altura = 220
wmode = transparent data = flvplayer.swf>
<Param name = Movie Value = flvplayer.swf />
<param name = wmode value = transparent />
<Object/>
FLVPlayer.swf encontrará automáticamente la reproducción Video.FLV en el mismo directorio. También puede agregar la URL del archivo FLV después de FLVPlayer.swf para jugar. El método es el siguiente:
Código de programa
<objeto tipo = aplicación/x-shockwave-flash ancho = 400 altura = 220
wmode = transparent data = flvplayer.swf? file = películas/Holiday.flv>
<Param name = Movie Value = flvplayer.swf? file = películas /Holiday.flv />
<param name = wmode value = transparent />
</objeto>
file = películas/Holiday.flv es un parámetro, y se pueden usar direcciones relativas o absolutas.
Otra descripción del parámetro:
Si el video no necesita reproducirse automáticamente al cargar, puede usar el parámetro AutoStart
ejemplo
Código de programa
<objeto tipo = aplicación/x-shockwave-flash ancho = 400 altura = 220
wmode = transparente datos = flvplayer.swf? AutoStart = False>
<Param name = Movie Value = FlvPlayer.Swf? AutoStart = False />
<param name = wmode value = transparent />
</objeto>
Se pueden usar múltiples parámetros de manera mixta, y la lista de parámetros efectiva:
Código de programa
Archivo (la dirección del archivo FLV)
AutoStart (ya sea que AutOplay esté permitido, Verdadero o Falso)
Imagen (imágenes de vista previa cuando no se reproduce, solo admite el formato JPEG)
Repita (si jugarlo repetidamente)
ClickText (el texto que se muestra al principio es hacer clic para reproducir de forma predeterminada)
La siguiente es la versión 3.12 http://www.cgfans.net/bbs/medias/2007/10/jw_flv_player.zip Esta es la versión 3.12
Este documento contiene el método de instalación y el método de configuración del reproductor MP3 JW, JW FLVPlayer, JW Media Player, JW Image Rotator
Ley
Jugadores JW 3.12 Documentación
1. Instalar (incrustar en su sitio)
2. Parámetros (configuración)
Parámetros básicos
Parámetros de color
Parámetros de interfaz
Parámetros de reproducción
Parámetros interactivos
3. Lista de reproducción
4. Personalizar
5. Apoyo
Configuración rápida, ejecute el asistente de configuración
1. Instalar
Después de descargar, puede obtener un ejemplo, cuando se abre con texto o editor HTML, puede encontrar que SWF es una breve pieza de
JavaScript incrustado en la página. Este javascript es swfobject.js escrito por Geoff Stearns, que resuelve la necesidad de flash
El problema de la vida. Al copiar SWF a su sitio, no olvide copiar swfobject.js juntos. Y en la página
Agregue el siguiente código al cabezal
Código de programa
<script type = text/javaScript src = swfobject.js> </script>
Con la ayuda de SWFObject.js, puede establecer fácilmente la ruta, el ancho, la altura, el color de fondo y la versión del reproductor Flash que necesita, o puede establecer un conjunto de parámetros para configurar SWF. Cuando la página se carga, JavaScript reemplazará los nodos en la página de acuerdo con la ID.
Código de programa
<P id = Player> <a href = http: //www.macromedia.com/go/getflashplayer> obtenga flash </a> Para ver este reproductor. </p>
<script type = text/javaScript>
var so = new swfObject ('MediaPlayer.swf', 'Player', '400', '400', '7');
So.AddParam (permitido en sí mismo, verdadero);
So.AddVariable (file, test.flv);
So.AddVariable (displayHeight, 300);
So.write ('Player');
</script>
En situaciones en las que no puede usar JavaScript (como su BSP no lo admite, como MySpace), puede usar InSch para insertar SWF.
Cabe señalar que SWF no puede estar en este servidor, pero si necesita usar listas de reproducción XML, puede haber problemas, porque XML debe estar en el mismo servidor que SWF, de lo contrario se organizará debido a problemas de seguridad. MP3, JPG, FLV no pueden estar en este servidor.
Código de programa
<incrustar src = http: //www.myfileserver.com/folder/mediaplayer.swf width = 400 altura = 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. Parámetros
Estos parámetros pueden configurar el comportamiento y la apariencia del reproductor integrado en el HTML. Si usa swfobject.js, puede usar el método addVariable () para configurarlo. Si usa el método de inserción, puede configurar las variables definiendo el atributo FlashVars. Presta atención a usar el y símbolo para dividir estas variables.
Lo mismo es cierto para el rotador de imagen JW marcado con *
Variables básicas
DisplayHeight (número): la altura del área de visualización. La altura mínima del área de control es de 20 px. Cuando este valor es mayor o igual a la altura de SWF, la lista de reproducción se ocultará automáticamente, de lo contrario, esto se mostrará.
Archivo*(URL): la dirección del archivo que se reproducirá. Admite reproducción de un solo archivo (mp3/flv/rtmp/jpg/swf/png/gif), y también admite listas de reproducción. JW Image Rotator solo admite listas
Altura*(número): establezca la altura de SWF. Al insertar con Incrust, se ha establecido en la propiedad de incrustación. Pero a veces (especialmente cuando se usa IE) la altura se vuelve incierta, lo que afecta el diseño. En este momento, debe establecer este parámetro, y la unidad de este valor es PX
Imagen (URL): cuando reproduce MP3 y FLV, puede establecer una imagen de vista previa como la portada del álbum a través de este valor, admitiendo el archivo JPG/SWF/PNG/GIF. También puede configurar cada elemento en la lista de reproducción.
Showsavigation*(True, False): este parámetro solo es compatible con el rotador de imagen JW. Se usa para mostrar u ocultar la navegación de imágenes.
Transición* (Fade, BGFade, Blocks, Bubbles, Círculos, Fluidos, Líneas, Aleatorio, SlowFade): este parámetro solo es compatible con el rotador de imagen JW. Se utiliza para establecer el efecto del reemplazo de la imagen. La configuración al aleatorio establecerá el efecto al azar. El valor predeterminado es el desvanecimiento.
Ancho*(número): establezca el ancho de SWF, el otro es el mismo que la altura;
Variables de color
backcolor*(color): establece el color de fondo del reproductor. JW Media Player, etc., predeterminado a 0xfffff (blanco) Rotador de imagen JW, predeterminado a 0x000000 (negro).
FontColor*(color): establece el color del texto y los botones. JW Media Player, etc., predeterminado al rotador de imagen JW 0x000000 (negro), predeterminado a 0xfffff (blanco).
LightColor*(color): establece el color del estado activado. El valor predeterminado es 0x000000 (negro) y el valor predeterminado es JW Image Rotator. El valor predeterminado es 0xCC0000 (rojo).
Parámetros de interfaz
AutoScroll (verdadero, falso): cuando la lista de reproducción es demasiado larga, la barra de desplazamiento se mostrará automáticamente de forma predeterminada. Cuando este valor se establece en 'verdadero', la lista de reproducción se desplazará automáticamente de acuerdo con el mouse.
DisplayWidth (número de píxeles): establezca el ancho del área de visualización. Cuando la configuración es relativamente pequeña, la lista de reproducción se mostrará en el lado derecho del área de visualización en lugar de la parte inferior.
Kenburns* (Verdadero, Falso): utilizado para lograr el efecto KB durante el ejercicio. Tenga en cuenta que cuando la imagen es más grande y la velocidad de Internet es más rápida, se recomienda encender, de lo contrario se cierre. Se recomienda establecer la transición a SlowFade para cooperar.
Largecontrols (verdadero, falso): configure este valor en verdadero para ampliar el botón para el área de control. Se recomienda abrirlo para usuarios con mala vista
Logotipo* (URL): Establezca una imagen como marca de agua en la esquina superior derecha, admite todos los formatos de imagen y admite el mejor efecto PNG de la capa transparente.
OverStretch* (Verdadero, Falso, Fit, Ninguno): Establece el zoom de la imagen/video en el área de visualización. El verdadero estiramiento de proporción igual se utiliza para adaptarse al área de visualización. Falso solo estira el área de visualización. Montar pantalla de pantalla completa. Ninguno muestra el tamaño original. JW Media Player, etc. se ajustan de forma predeterminada, y JW Image Rotator es falso de forma predeterminada
showDigits (verdadero, falso, total): Establezca en falso para ocultar el tiempo de reproducción y otra información para ahorrar espacio en el área de control. Establecer en Total para mostrar todo el tiempo.
showdownload (verdadero, falso): configure este valor para mostrar el botón de descarga en el área de control. Enlace a la dirección establecida por enlace.
showeq (verdadero, falso): se usa para mostrar un falso efecto de fluctuación de audio. Al reproducir mp3, puedes obtener un buen efecto
showicons* (Verdadero, falso): se usa para mostrar u ocultar imágenes en el medio del área de visualización. JW Media Player, etc., por defecto en verdadero. JW Image Rotator predeterminado es falso;
showvolume (verdadero, falso): se usa para establecer si se debe mostrar el botón de control de volumen
ThumbsNplayList (True, False): Establece si la imagen de vista previa se muestra en la lista
Parámetros de reproducción
AutoStart (verdadero, falso, silenciado): Establecer en ture, la página se reproducirá automáticamente después de la carga. Establecido en Muted, se reproducirá automáticamente en modo silencioso, y habrá un ícono mudo en el medio del área de visualización. BufferLength (número): establece el tiempo de caché de FLV. El valor predeterminado es de 3 segundos
Repita* (Verdadero, Falso, Lista): el valor predeterminado es FLASE y se detiene después de jugar desde la posición de reproducción actual hasta el final de la lista. Establecer en la lista reproducirá todos los elementos en la lista, y establecer en True se reproducirá en bucle.
Rotatetime* (número): establece el tiempo de visualización de la imagen. JW Media Player, etc., son predeterminados a 10 segundos, y JW Image Rotator es predeterminado a 5 segundos.
Shuffle* (True, False): Establezca en falso para reproducir secuencialmente, establecido en True para reproducir desordenado
suavizado (verdadero, falso): Establezca en falso para desactivar el procesamiento de suavizado de video. Se recomienda establecer verdadero para obtener mejores resultados. Pero es beneficioso establecer falso para pantallas grandes o máquinas bajas con configuración.
Inicio* (segundo): Cuando se use RTMP o HTTP Media de transmisión (FLV/MP3 no convencional), use esta variable para localizar con precisión la posición de inicio. Este parámetro se establece en la lista de formatos XSPE para establecer con precisión la sección del archivo.
Volumen* (número): configure el volumen, predeterminado en 80.
Parámetros interactivos
audio* (url): use este parámetro para agregar un archivo mp3 como un audio separado, que puede usarse como una explicación de música de fondo de la imagen, etc.
BWFile (URL): la dirección del archivo utilizado para la detección de ancho de banda, puede colocar una imagen o medios de transmisión RTMP. El valor del préstamo se puede ver en el menú de clic derecho.
Bwstreams (lista de tasas de bitsparadas por comas):
Úselo junto con BWFile para seleccionar diferentes archivos de acuerdo con el valor de ancho de banda. Por ejemplo: desea reproducir video.flv y establecer el valor de este artículo en 100,250,500,1000. Cuando el reproductor descubre que el ancho de banda es de 349 kbps, se reproducirá video_250.flv. Por lo tanto, tiene una configuración de nombres efectiva, que cambiará automáticamente, incluso si usa listas de reproducción.
devolución de llamada (URL): configure este parámetro en la dirección del programa del servidor (PHP/ASP) para devolver los datos. Los datos se envían al servidor cuando cada elemento se reproduce y se detiene, para que las estadísticas de reproducción se guarden en el lado del servidor.
subtítulos (URL): Establezca este valor para cargar un texto en formato de texto como subtítulos. Jugador a subtítulos que admiten el formato SMIL y el formato de DVD. Si su archivo FLV tiene fuentes incorporadas, puede establecer el valor en subtítulos. Si tiene subtítulos multicanal, puede establecer este valor en subtítulos0, subtitulante3, etc. El valor de cada elemento se puede establecer en la lista.
EnableJS* (True, False): Establecer en True para habilitar el soporte para JavaScript. El uso en línea solo es compatible. JavaScript puede controlar la reproducción, cargar medios y obtener información detallada sobre el elemento de reproducción actual.
FSBUTTONLINK (URL): si la versión FlashPlayer del usuario es más alta que (9.0.28), el reproductor mostrará automáticamente un botón de pantalla completo. Al configurar este valor, puede vincular a otra página para una pantalla completa. El servidor puede configurar el archivo para reproducirse.
ID (cadena): el identificador único del jugador. Se devolverá al servidor.
JavaScriptID* (cadena): si tiene varios jugadores en su página, puede configurar este parámetro para darle a cada jugador una identificación diferente, para que pueda controlarlo fácilmente con JavaScript. Será devuelto al evento GetUpdate ().
Enlace (URL): use este parámetro para establecer una versión actual o obligar al usuario a descargar el elemento actual a través de esta dirección. Este valor se puede establecer para cada elemento en la lista de reproducción.
LinkFromDisplay* (True, False): Establece la página a acceder cuando se haga clic en el área de visualización. Por defecto, la operación de reproducción/pausa se realizará cuando se haga clic en el área de visualización.
LinkTarget* (marco): Establezca el objetivo de enlace, se abre en la página actual. _Blank abre en una nueva página.
StreamScript (URL): Establezca este parámetro para que sea compatible con archivos FLV 'pseudo-streaming'.
Tipo (MP3, FLV, RTMP, JPG, PNG, GIF, SWF, RBS, 3GP, MP4, M4V): el reproductor juzgará el tipo basado en los últimos tres caracteres del nombre del archivo. Este método ya no funcionará cuando redirige el uso de un lenguaje del lado del servidor. Por lo tanto, puede configurar este parámetro para decirle al tipo de reproductor el tipo de archivo. También puede configurar cada elemento en la lista de reproducción. Si el reproductor no puede encontrar el tipo de archivo, se reconocerá como una lista de reproducción.
USEAUDIO (Verdadero, Falso): Establezca falso para cambiar al estado silencioso.
USECapciones (Verdadero, Falso): Establezca en falso para ocultar subtítulos.
ASEXCREEN (TRUE, FALSO): si no desea usar el modo de pantalla completa de FlashPlayer9. El parámetro FSButtonLink se puede configurar para reemplazar los eventos del botón de pantalla completo.
UseKeys (verdadero, falso): Establezca en falso para cancelar las operaciones del teclado (espacio, arriba, abajo, izquierda, derecha)
Nota: ¿Debe transferir el carácter a? = &. ? → %3f, = → %3d, y → %26. Cuando su variable de archivo es getPlayList.php? Id = 123, debe configurarse en getPlayList.php%3FID%3D123.
Lista de reproducción
Cuando solo hay un elemento en la lista de reproducción, el jugador jugará en modo de reproducción de un solo archivo. El reproductor distingue el archivo único de los archivos de la lista de reproducción basada en el nombre del archivo. Si carga un archivo con el nombre del archivo test.mp3, el reproductor usará el modo de reproducción de un solo archivo para reproducir mp3 porque la extensión es mp3. Si su nombre de archivo es GetList.php, el reproductor pensará que esta es una lista de reproducción. Si usa scripts dinámicos para cargar un solo archivo como
El jugador admite tres formatos de lista de reproducción de uso común para garantizar la universalidad. XSPF, RSS y Atom.
Una etiqueta común para la lista XSPF/RSS/Atom compatible con el jugador.
hoja
*Image Rotator solo admite el primer elemento de 'audio' en la lista de reproducción y se usa como música de fondo para reproducir. El reproductor reproducirá todos los artículos de música.
** El elemento de categoría se puede usar para admitir anuncios. Puede establecer el valor en el pre -preroll, el postroll o la superposición.
Use el valor de un solo elemento en la lista de reproducción de enlaces para ser la dirección AD.
*** El elemento de inicio solo es compatible con el formato de lista de reproducción de XSPF. Este elemento se utiliza para establecer la posición de inicio del archivo de medios de transmisión (HTTP o RTMP) en segundos.
**** Si el elemento de ubicación en el formato de lista XSPF no contiene extensiones comunes (como MP3 o FLV), puede usar el meta elemento para especificar el formato de archivo. (como <meta rel = 'type> mp3 </ meta>). Al usar RSS y Atom, el formato de archivo se reconoce automáticamente de acuerdo con MIMETYPE.
RTMP transmite, el FlashVar de identificación adicional también debe enviarse. Ejemplo: archivo = rtmp: //my.streaming.server/mypath e id = video_one.
Tenga en cuenta que cuando reproduce un solo archivo, admite todos los parámetros, como puede agregar una imagen, título, ID, enlace, etc. Si desea agregar una imagen de vista previa cuando reproduce video.flv en el modo de reproducción de un solo archivo, puede establecer el archivo de parámetros = video.flv, image = preview.jpg. Cuando reproduce la transmisión RTMP, puede agregar la ID de parámetros. Por ejemplo, archivo = rtmp: //my.streaming.server/mypath, id = video_one.
En particular, se señalan dos lugares propensos a errores. La primera lista debe estar en el mismo servidor que el reproductor, que es causado por el mecanismo de seguridad Flash. En segundo lugar, use el formato de dirección completa para incluir HTTP para que el reproductor no pueda encontrar el archivo.
Personalizar
Muchas personas me pidieron que creara algunas versiones personalizables. Muchos de sus requisitos se pueden lograr realmente estableciendo parámetros. Hice un asistente de configuración en línea para simplemente configurar estos parámetros. No tengo la energía para cumplir con los requisitos de todos. Sin embargo, habrá muchas características adicionales interesantes en la próxima versión.
Si está familiarizado con el lenguaje de script ActionScript, puede modificar el programa y agregar funciones usted mismo.
Cuando el reproductor esté en el caso, las variables de configuración y lista de reproducción se agregarán recientemente, y luego se ingresará el ciclo de vida de MCV. El administrador de configuración y lista (alimentador) siempre es válido durante el ciclo de vida de MCV.
Todos los métodos de los dos objetos marcados en rojo pueden llamarse a través de JavaScript.
En otros programas flash, se puede hacer referencia a los jugadores. Simplemente copie la imagen del archivo FLV descargado y asegúrese de copiar el directorio COM descargado en su archivo FLV, que contiene todos los scripts. Luego puede acceder a las variables en la ubicación del primer cuadro de la línea de tiempo. Tenga cuidado de establecer las variables de altura y ancho, de lo contrario, el jugador se estirará y se deformará de acuerdo con su tamaño.
como
Código de programa
// Establecer los flashvars (también se deben citar a los booleanos y los números)
ancho var = 320;
altura var = 240;
archivo var = my_video.flv;
var autostart = true;
// Empiece al jugador
var mpl = new Com.Jeroenwijering.players.mediaPlayer (this.player);
Además, he hecho del controlador un objeto público, por lo que puede controlar el MediaPlayer con la función sendEvent () desde cualquier lugar de su sitio flash (el esquema anterior tiene una lista de todas las opciones sendEvent ()). Continuemos el pequeño script anterior:
Creé un objeto de controlador expuesto para el reproductor, por lo que puede controlar el reproductor en cualquier lugar de su programa usando sendEvent () como:
Código de programa mpl.controller.senDevent (volumen, 50);
mpl.controller.sendEvent (playpause);
apoyo
Lista de preguntas frecuentes
1. Si tiene un diseño fuera de lugar cuando usa IE, puede ser que el tamaño no esté bien establecido. Puede usar el ancho variable y la altura para forzarlo.
2. Tenga en cuenta que los mecanismos de seguridad de Flash y JavaScript afectarán sus pruebas locales. También puede verse afectado cuando sus archivos se colocan en diferentes servidores, y puede intentar ponerlos en el mismo servidor.
3. La función de pantalla completa solo se puede usar en Flash Player9.028.0 o superior. Si usa SWFObject para incorporar a su reproductor, puede usar su función de actualización automática. Tenga en cuenta que la escrita de permiso se establece en verdad
4. Si su barra de progreso no se mueve, o hay un problema con la longitud de su video. Eso podría ser que su FLV no esté configurando los metadatos correctos. Puede usar un widget www.buraks.com/flvmdi/.
Las dos versiones son ligeramente diferentes, consulte las instrucciones a continuación para más detalles.