xspf jukebox Download - xspf jukebox Código fonte download

xspf jukebox

Código fonte FLASH

1.0.0

Baixar

Um flash mídia flash skinnable e personalizável.

Demoção ao vivo da jukebox xspf

Você deve ter flash instalado!

O XSPF Jukebox é um flash de mídia flash totalmente fino. Com base nas minhas revisões da criação original de Fabricio Zuardi. Um media player completo, o JukeBox suporta o MP3 Audio e o FLV Video analisados através de uma lista de reprodução .xspf ou .xml externo. As peles personalizadas combinadas com o resumo automático e muitas opções personalizáveis tornam o XSPF uma opção sólida para um media player baseado em flash.

A partir de 2014, este projeto não está mais sendo mantido. É considerado em um estado estável e não receberá mais atualizações.

Se você deseja assumir o controle, registre um problema.

Características

Peles totalmente personalizáveis
Resumo automático Quando o usuário troca de páginas (vá em frente, atualize a página para experimentá-la!)
Suporta .mp3 áudio e vídeo .flv
Lista de reprodução um suporte de faixa única
Embaralhar/repetir
Cache da lista de reprodução
Muitas opções personalizáveis
ID3 rastrear suporte de infomação de meta
Pequena impressão - apenas 20kb!
Capacidade de registrar informações de uso do jogador
API JavaScript completa
Inclui xplay.php modificado para gerar lista de reprodução automaticamente

Índice

Instalar
Opções de jukebox
- Modo de pista única
- Parâmetros opcionais
- Formato da lista de reprodução XSPF
- API JavaScript
Esfolando a jukebox
- Objetos de pele
- Objetos de função
- Rótulos
- Atributos
Listas de reprodução XSPF
Licença

Instalar

1. Crie uma lista de reprodução XSPF apontando para seus arquivos de mídia

(Opcional) gerar automaticamente suas listas de reprodução em PHP, Python ou JS

Edite a primeira linha do arquivo xplay.php para apontar para o seu diretório de mídia:

$media = "media"

Edite todas as opções que desejar, o cache da lista de reprodução é ativado por padrão.

2. Inclua o código JavaScript Swfobject em sua página `<head>` :

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

3. Crie um `<div>` para manter seu conteúdo:

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

4. Invoque o jogador via 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 os valores destacados acima, você deve especificar caminhos de arquivo válidos para o playlist_url e skin_url , bem como para a width e height da pele. Você também pode especificar qualquer um dos parâmetros opcionais seguindo o playlist_url . Por exemplo:

Todo o URL para o .swf na página de demonstração é:

 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

É isso! A jukebox XSPF está agora instalada.

Opções

O jukebox XSPF pode ser personalizado para quase qualquer necessidade de reproduzir áudio ou vídeo na web.

Modo de pista única

Você também pode usar o jukebox para reproduzir um único arquivo .mp3 ou .flv, usando os dois parâmetros a seguir no lugar do playlist_url:

track_title : etiqueta de faixa
track_url : URL da faixa

Parâmetros opcionais

playlist_url : o URL do arquivo xspf para carregar
skin_url : URL da pasta de pele
loadurl : URL Linking a um arquivo de texto que contém todas as variáveis. reduz a codificação HTML e os tamanhos de arquivo, um arquivo pode ser usado por muitos jogadores
activeDownload : valor booleano para permitir ou proibir downloads diretos de faixas, o padrão é falso
alphabetize : valor booleano para alfabetizar a lista de reprodução, o padrão é falso
autoload : Valor booleano que torna a carga da lista de reprodução sem o clique inicial do usuário, o padrão é falso
autoplay : valor booleano que torna a carga da lista de reprodução e a música começar sem o clique inicial do usuário, o padrão é falso
autoresume : Valor booleano que permite que jogadores em várias páginas continuem perfeitamente a música como um usuário navega páginas, o padrão é falso
buffer : segundos para pré -carregar o vídeo antes de reproduzir, exclua para automático
crossFade : um valor booleano, que quando true é definido para o tempo padrão, ou o número de segundos para desaparecer (1-12), o padrão é de 6 segundos
forceAlphabetize : valor booleano, força a alfabetização completa, incluindo o título anterior de 'The' in Artist, padrão é falso
format : texto para formatar a etiqueta, use "-creator" -title "-Location e" -annotation para inserir os respectivos valores, o padrão é "-creator: -title
gotoany : valor booleano que força a viagem para URLs desconhecidos, o padrão é falso
image : URL para uma imagem JPG que é mostrada quando o AutoPlay está desligado
infourl : URL de informações globais para todas as músicas, preenche URLs de informação de reprodução ausentes
load_message : mensagem exibida após automaticamente
main_image : URL da imagem global, preenche imagens de playlist ausentes
mainurl : Clique com o botão direito do mouse »" Sobre "URL
midChar : personagem colocado para separar os valores do criador e do título para faixas, substituídas pelo formato, o padrão é ":
no_continue : valor booleano para desativar a mudança de música automática, o padrão é falso
player_title : texto do título, o padrão é "xspf jukebox
repeat : valor booleano para definir repetição, o padrão é falso
repeat_playlist : valor booleano para repetir a lista de reprodução, o padrão é verdadeiro
shuffle : valor booleano para definir o shuffle, o padrão é falso
start_track : Número da faixa para a faixa inicial, o padrão é 1
statsurl : URL para um script externo que pode coletar valores de postagem. Pode coletar jogadores e anotações
timedisplay : valor numérico para mostrar o contador de tempo; 0: OFF, 1: Todos, 2: decorrido, 3: Duração, 4: contagem regressiva
trackNumber : valor booleano que adiciona números de faixa aos rótulos, o padrão é falso
useId3 : valor booleano que força o uso da tag ID3, o padrão é falso
volume_level : Iniciando o nível do volume, o padrão é 100

Formato de lista de reprodução

O jukebox XSPF usa o formato XML de Lista de reprodução XML XML. Um breve exemplo a seguir:

 <?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: Somente `<location>` é necessário

API JavaScript

Uma interface JavaScript foi adicionada ao jogador para permitir um controle estendido sobre a jukebox. Esse recurso se aplica apenas à versão Flash 8. As funções disponíveis são:

playTrack() : jogue/pause a faixa
stopTrack() : pare a pista
nextTrack() : Avance para a próxima faixa
prevTrack() : volte para a faixa anterior
shuffleToggle() : Ligue/desative o shuffle
repeatToggle() : LIGUE REPETIR ON/OFF
gotoTrack(track number) : reproduza uma faixa especificada
addTrack(track id, location, title, creator, info url, purchase url, image, annotation) : Adicione uma faixa à lista de reprodução

Para controlar a jukebox usando JavaScript, verifique se você tem um ID definido no objeto e nas tags incorporadas para o script incorporado. Para chamar uma função, use o formato:

window.document.xspfJukebox.playTrack();

Por exemplo:

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

Documentação da pele

O jukebox XSPF usa um formato XML personalizado para especificar a aparência do jogador. Os arquivos Skin.xml estão no seguinte 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 pele

<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 função

Todos os objetos de função começam com uma tag e são distinguidos por meio de um atributo label . A maioria dos rótulos tem atributos semelhantes, mas existem algumas pequenas diferenças.

<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="" />

Rótulos

playButton : um botão de reprodução, alterna entre reprodução e pausa
playpauseButton : um botão de pausa estática, alterna entre play and pause
stopButton : um botão de parada, interrompe a pista
prevButton : um botão anterior, alterações na faixa anterior
fwdButton : um botão de avanço, muda para a próxima faixa
shuffleButton : um botão de shuffle, atende/desligado
repeatButton : um botão de repetição, atenda/desligado
scrollButton : um botão de rolagem com plano de fundo, lista de reprodução Scrolls
scrollupButton : uma flecha para cima, rolls de reprodução
scrolldownButton : uma flecha para baixo, rolls de reprodução para baixo
startButton : um retângulo para indicar o local de clique para iniciar a carga ou reproduzir, defina alfa como 0
infoButton : botão de texto para seguir o link de informações atuais em uma lista de reprodução
purchaseButton : botão de texto para seguir o link de compra atual em uma lista de reprodução
downloadButton : Botão de texto para vincular diretamente ao atualmente jogando mp3
playDisplay : exibe imagens de faixa atual
imageDisplay : exibe imagens de faixa atual
videoDisplay : exibe faixas de vídeo
trackDisplay : Displays atualmente tocando na faixa
timeDisplay : exibe o tempo de rastreamento atual em um formato padrão 00:00, alterna entre tempo, duração e tempo restante
fulltimeDisplay : exibe o tempo de pista atual em um formato completo 00: 00/00: 00, exibe tempo e duração
volumeDisplay : exibe uma barra de volume para alterar o volume de faixas
timeBar : exibe a porcentagem de faixa atual em formato de barra, clique para digitalizar faixa
loadBar : exibe porcentagem carregada para a pista atual em forma de barra

Atributos

x : Número: o valor X ou porcentagem para colocar um objeto
y : Número: o valor y ou porcentagem para colocar um objeto
z : Número: o valor z ou profundidade de um objeto.
width : Número: A largura de um objeto
height : Número: A altura de um objeto
scale : Número: Usado no lugar de largura/altura. Escala o objeto, mantendo a proporção padrão de aspecto padrão. 1 = sem escala
size : Número: Tamanho da fonte. O tamanho deve ser precedido por A + para InfoButton, BuyButton e DownloadButton. Ex: +15
image : URL: carregue uma imagem no lugar do símbolo padrão
shape : Retângulo/Rectrado/Círculo/Triângulo: desenha uma forma para um objeto
border : Número: define a largura da borda de uma forma
color : Código hexadecimal: define a cor de um objeto. Ex: FF0088
borderColor : Código Hex: Define a cor da borda de uma forma
bgColor : Código hexadecimal: define a cor do fundo de um objeto
selectedColor : Código HEX: define a cor da faixa atual na lista de reprodução
font : Nome da fonte: define a fonte de texto
text : Texto: Texto exibido
align : esquerda/centro/direita: usado apenas para trackDisplay. alinhe o texto
bold : booleano: define texto em negrito para ligar/desligar
italic : Booleano: define o texto em itálico/desativado
underline : booleano: define o texto sublinhado
alpha : porcentagem: define o canal alfa do objeto
bgAlpha : porcentagem: define o canal alfa do fundo de um objeto
url : URL: permite que um objeto vincule a uma página da web
hoverMessage : texto: mensagem exibida no mouse sobre