Descargar xspf jukebox - Descargar el código fuente xspf jukebox Descargar

xspf jukebox

código fuente FLASH

1.0.0

Descargar

Un reproductor de medios flash flashable y personalizable.

Demostración en vivo de la máquina de discos XSPF

¡Debes tener Flash instalado!

El Jukebox XSPF es un reproductor de medios flash totalmente flash. Basado en mis revisiones de la creación original de Fabricio Zuardi. Un reproductor multimedia completo, el Jukebox admite el audio MP3 y el video FLV analizado a través de una lista de reproducción .xspf externa o .xml. Las máscaras personalizadas combinadas con el resumen automático y muchas opciones personalizables hacen que el Jukebox XSPF sea una opción sólida para un reproductor multimedia basado en flash.

A partir de 2014, este proyecto ya no se está manteniendo. Se considera que está en un estado estable y no recibirá más actualizaciones.

Si desea hacerse cargo, presente un problema.

Características

Pieles totalmente personalizables
Resumen automático Cuando el usuario cambia las páginas (¡adelante, actualice la página para probarla!)
Admite el audio .mp3 y video .flv
Lista de reproducción Un soporte de vía única
Barajar/repetir
Caché de la lista de reproducción
Muchas opciones personalizables
ID3 Soporte de metafomación de ID3 Track
Pequeña impronta: ¡solo 20 kb!
Capacidad para registrar la información de uso del jugador
API JavaScript completa
Incluye xplay.php modificado para generar una lista de reproducción automáticamente

Tabla de contenido

Instalar
Opciones de Jukebox
- Modo de pista única
- Parámetros opcionales
- Formato de lista de reproducción XSPF
- API JavaScript
Desgastando la máquina de discos
- Objetos de la piel
- Objetos de función
- Etiqueta
- Atributos
Listas de reproducción de XSPF
Licencia

Instalar

1. Cree una lista de reproducción XSPF que apunte a sus archivos multimedia

(Opcional) Genere automáticamente sus listas de reproducción en PHP, Python o JS

Edite la primera línea del archivo xplay.php para apuntar a su directorio de medios:

$media = "media"

Editar cualquier opción que desee, el almacenamiento en caché de la lista de reproducción se enciende de forma predeterminada.

2. Incluya el código JavaScript SWFObject en su página `<head>` :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

3. Cree un `<div>` para mantener su contenido:

 < div id =" flashcontent " >
     <!-- this will be replaced -->
 </ div >

4. Invoca al jugador a través de JavaScript:

 < script >
    var params = { } ;
    params.wmode="transparent";
    params.allowscriptaccess="always";
    
    var url = "xspf_jukebox.swf?playlist_url=xplay.php & skin_url = skins / iTunes & param1 = value " ;
    swfobject . embedSWF ( url , "flashcontent" , "skin width" , "skin height" , "7.0.0" , "" , { } , params , { } ) ;
< / script >

Observe los valores resaltados anteriormente, debe especificar rutas de archivo válidas para la playlist_url y skin_url , así como para el width y height de la piel. También puede especificar cualquiera de los parámetros opcionales siguiendo la playlist_url . Por ejemplo:

Toda la URL para el .swf en la página de demostración es:

 xspf_jukebox . swf ? playlist_url = xplay . php & skin_url = skins / iTunes & autoplay = true & alphabetize = true & autoload = true & autoresume = true & main_image = images / artwork . jpg & shuffle = true & statsurl = stats . php

¡Eso es todo! El Jukebox XSPF ahora está instalado.

Opción

El Jukebox XSPF se puede personalizar para casi cualquier necesidad de reproducir audio o video en la web.

Modo de pista única

También puede usar el Jukebox para reproducir un solo archivo .mp3 o .flv, utilizando los siguientes dos parámetros en lugar de PlayList_url:

track_title : etiqueta de pista
track_url : URL of Track

Parámetros opcionales

playlist_url : la URL del archivo XSPF para cargar
skin_url : URL de la carpeta de la piel
loadurl : URL vinculando a un archivo de texto que contiene todas las variables. reduce la codificación HTML y los tamaños de archivos, un archivo puede ser utilizado por muchos jugadores
activeDownload : Valor booleano para permitir o no permitir descargas directas de pistas, el valor predeterminado es falso
alphabetize : valor booleano para alfabetizar la lista de reproducción, el valor predeterminado es falso
autoload : valor booleano que hace que la lista de reproducción se cargue sin el usuario inicial que haga clic, el valor predeterminado es falso
autoplay : valor booleano que hace que la lista de reproducción se cargue y la música comience sin que el usuario inicial haga clic, el valor predeterminado es falso
autoresume : valor booleano que permite a los jugadores en varias páginas continuar sin problemas como la música como un usuario navegan páginas, el valor predeterminado es falso
buffer : segundos para precargar el video antes de reproducirse, excluyendo para automático
crossFade : ya sea un valor booleano, que cuando es verdadero se establece en el tiempo predeterminado, o el número de segundos para desvanecerse (1-12), el valor predeterminado es de 6 segundos
forceAlphabetize : Valor booleano, Fuerzas de alfabetización completa, incluida la precedente 'el' en el título del artista, el valor predeterminado es falso
format : Texto para formatear la etiqueta de la pista, use "-creator", -title, "-location y" -annotation para insertar valores respectivos, predeterminado es "-creator: -title
gotoany : Valor booleano que obliga a viajar a URL desconocidas, el valor predeterminado es falso
image : URL para una imagen JPG que se muestra cuando la autoplay está apagada
infourl : URL de información global para todas las canciones, llena las URL de información de reproducción ausente
load_message : mensaje que se muestra después de AutoC
main_image : URL de imagen global, llena imágenes de lista de reproducción ausentes
mainurl : Haga clic con el botón derecho »" Acerca de "URL
midChar : el personaje ubicado para separar los valores de creador y título para pistas, sobrescribidas por formato, el valor predeterminado es ":
no_continue : valor booleano para desactivar la canción automática cambiando, el valor predeterminado es falso
player_title : el texto del título, predeterminado es "XSPF Jukebox
repeat : valor booleano para establecer repetir, el valor predeterminado es falso
repeat_playlist : valor booleano para repetir la lista de reproducción, el valor predeterminado es verdadero
shuffle : Valor booleano para establecer Shuffle, el valor predeterminado es falso
start_track : número de pista para la pista inicial, el valor predeterminado es 1
statsurl : URL a un script externo que puede recopilar valores posteriores. Puede recolectar PlaySong y Annotation
timedisplay : valor numérico para mostrar el contador de tiempo; 0: Off, 1: todos, 2: transcurrido, 3: duración, 4: cuenta regresiva
trackNumber : valor booleano que agrega números de pista a las etiquetas, el valor predeterminado es falso
useId3 : Valor booleano que fuerza el uso de la etiqueta ID3, el valor predeterminado es falso
volume_level : porcentaje de nivel de volumen inicial, el valor predeterminado es 100

Formato de lista de reproducción

El Jukebox XSPF usa el formato XSPF ('Spiff') Open XML Playlist. Sigue un breve ejemplo:

 <?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns="http://xspf.org/ns/0/">
    <trackList>
        <track>
            <location>url of .mp3 audio or .flv video file</location>
            <creator>artist or creator of track</creator>
            <title>title of track</title>
            <annotation>used in place of creator/title if both are absent</annotation>
            <duration>number of milliseconds of track duration</duration>
            <info>url of info link</info>
            <image>url of image, overwrites main_image parameter</image>
            <purchase>url of purchase link</purchase>
        </track>
    </trackList>
</playlist>

NOTA: Solo se requiere `<location>`

API JavaScript

Se ha agregado una interfaz JavaScript al jugador para permitir un control extendido sobre el jukebox. Esta característica solo se aplica a la versión Flash 8. Las funciones disponibles son:

playTrack() : Play/Pausa la pista
stopTrack() : detén la pista
nextTrack() : avanzar a la siguiente pista
prevTrack() : regrese a la pista anterior
shuffleToggle() : apagar/apagar
repeatToggle() : gire repetir/desactivar
gotoTrack(track number) : reproducir una pista especificada
addTrack(track id, location, title, creator, info url, purchase url, image, annotation) : Agregue una pista a la lista de reproducción

Para controlar el jukebox usando JavaScript, asegúrese de tener una identificación establecida en el objeto e insertar etiquetas para el script de incrustación. Para llamar a una función, use el formato:

window.document.xspfJukebox.playTrack();

Por ejemplo:

<a href="javascript:window.document.xspfJukebox.playTrack();">Click to Play </a>

Documentación de la piel

El Jukebox XSPF utiliza un formato XML personalizado para especificar la apariencia del jugador. Los archivos skin.xml están en el siguiente formato:

 <?xml version="1.0" encoding="UTF-8"?>
<skin version="0" xmlns="http://xsml.org/ns/0/">
    <name>skin name</name>
    <width>skin width</width>
    <height>skin height</height>
    <author>skin author</author>
    <email>author?s email</email>
    <website>author?s website</website>
    <comment>author?s comments</comment>
    <object>
           all skin objects reside between the <object> tags
    </object>
</skin>

Objetos de la piel

<background x="" y="" width="" height="" scale="" image="" shape="" border="" color="" borderColor="" alpha="" />
<image x="" y="" z="" width="" height="" image="" alpha="" url="" target="" hoverMessage="" />
<shape x="" y="" z="" width="" height="" shape="" border="" color="" borderColor="" alpha="" url="" target="" hoverMessage="" />
<text x="" y="" z="" size="" color="" font="" text="" border="" bold="" italic="" underline="" alpha="" url="" target="" hoverMessage="" />
<playlist x="" y="" z="" width="" height="" size="" color="" font="" selectedColor="" bold="" italic="" underline="" alpha="" hoverMessage="" />
<badge x="" y="" width="" height="" />

Objetos de función

Todos los objetos de función comienzan con una etiqueta y se distinguen a través de un atributo label . La mayoría de las etiquetas tienen atributos similares, pero hay algunas ligeras diferencias.

<object label="playButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="playpauseButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="stopButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="prevButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="fwdButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="shuffleButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="repeatButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="scrollButton" x="" y="" z="" width="" height="" scale="" image="" color="" bgColor="" alpha="" bgAlpha="" hoverMessage="" />
<object label="scrollupButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="scrolldownButton" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="startButton" x="" y="" z="" width="" height="" scale="" color="" alpha="" hoverMessage="" />
<object label="infoButton" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" target="" hoverMessage="" />
<object label="purchaseButton" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" target="" hoverMessage="" />
<object label="downloadButton" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" target="" hoverMessage="" />
<object label="playDisplay" x="" y="" z="" width="" height="" scale="" color="" alpha="" hoverMessage="" />
<object label="imageDisplay" x="" y="" z="" width="" height="" scale="" color="" alpha="" hoverMessage="" />
<object label="videoDisplay" x="" y="" z="" width="" height="" scale="" alpha="" hoverMessage="" />
<object label="trackDisplay" x="" y="" z="" width="" size="" color="" font="" text="" align="" bold="" italic="" underline="" hoverMessage="" />
<object label="timeDisplay" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" hoverMessage="" />
<object label="fulltimeDisplay" x="" y="" z="" size="" color="" font="" text="" bold="" italic="" underline="" hoverMessage="" />
<object label="volumeDisplay" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="timeBar" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />
<object label="loadBar" x="" y="" z="" width="" height="" scale="" image="" color="" alpha="" hoverMessage="" />

Etiqueta

playButton : un botón de reproducción, alternar entre Play and Pause
playpauseButton : un botón de pausa de juego estático, alternar entre Play and Pause
stopButton : un botón de parada, detiene la pista
prevButton : un botón anterior, cambia a la pista anterior
fwdButton : un botón de reenvío, cambia a la siguiente pista
shuffleButton : un botón de baraja, se enciende/desactiva/desactiva
repeatButton : un botón de repetición, alternar/desactivar
scrollButton : un botón de desplazamiento con fondo, Lista de reproducción de Scrolls
scrollupButton : una lista de reproducción de Scrolls Up Arrow
scrolldownButton : una lista de reproducción de flecha hacia abajo, Scrolls Down Down
startButton : un rectángulo para indicar la ubicación de clic para comenzar la carga o reproducir, configure el alfa en 0
infoButton : botón de texto para seguir el enlace de información actual en una lista de reproducción
purchaseButton : botón de texto para seguir el enlace de compra actual en una lista de reproducción
downloadButton : Botón de texto para vincular directamente a la reproducción de mp3 actualmente
playDisplay : Muestra imágenes de pista actuales
imageDisplay : Muestra imágenes de pista actuales
videoDisplay : muestra pistas de video
trackDisplay : muestra actualmente tocando la pista
timeDisplay : muestra el tiempo de pista actual en un formato estándar 00:00, alternar entre el tiempo, la duración y el tiempo restante
fulltimeDisplay : Muestra el tiempo de pista actual en formato completo 00: 00/00: 00, muestra tiempo y duración
volumeDisplay : muestra una barra de volumen para cambiar el volumen de la pista
timeBar : Muestra el porcentaje de vía actual en forma de barra, haga clic para escanear la pista
loadBar : muestra porcentaje cargado para la pista actual en forma de barra

Atributos

x : número: el valor o el porcentaje de x para colocar un objeto
y : Número: el valor o porcentaje y porcentual para colocar un objeto
z : Número: el valor z, o profundidad de un objeto.
width : Número: el ancho de un objeto
height : Número: la altura de un objeto
scale : Número: utilizado en lugar de ancho/altura. Escala el objeto mientras conserva la relación de aspecto predeterminado. 1 = Sin escala
size : Número: Tamaño de fuente. El tamaño debe ser precedido por A + para Infobutton, CompreButton y DownloadButton. Ej: +15
image : URL: Cargue una imagen en lugar del símbolo predeterminado
shape : rectángulo/acreundado/círculo/triángulo: dibuja una forma para un objeto
border : Número: Define un ancho de borde de forma de forma
color : Código hexadecimal: establece el color de un objeto. Ej: FF0088
borderColor : Código hexadecimal: establece el color del borde de una forma
bgColor : Código hexadecimal: establece el color de un fondo de un objeto
selectedColor : Hex Code: Establece el color de la pista actual en la lista de reproducción
font : Nombre de la fuente: establece la fuente de texto
text : texto: texto mostrado
align : izquierda/centro/derecha: se usa solo para TrackDisplay. alinea texto
bold : Boolean: establece el texto en negrita encendido/apagado
italic : Boolean: establece el texto de texto en cursiva
underline : booleano: establece el texto subrayado encendido/apagado
alpha : porcentaje: establece el canal alfa de objeto
bgAlpha : porcentaje: establece el canal alfa de un objeto de fondo
url : URL: permite que un objeto se vincule a una página web
hoverMessage : Texto: Mensaje que se muestra en el mouse