Startseite>Ressourcen zum Erstellen von Websites>FLASH-Quellcode
Herunterladen

Ein säugbarer, anpassbarer Flash -Media -Player.

Live -Demo der XSPF Jukebox

Sie müssen Flash installiert haben!

Die XSPF Jukebox ist ein voll auskleidbarer Flash -Media -Player. Basierend auf meinen Überarbeitungen von Fabricio Zuardis ursprünglicher Kreation. Die Jukebox ist ein vollständig vorgestellter Media -Player und unterstützt sowohl MP3 -Audio- als auch FLV -Video -Video durch eine externe .xspf- oder .xml -Wiedergabeliste. Benutzerdefinierte Skins in Kombination mit automatischem Anstieg und vielen anpassbaren Optionen machen die XSPF Jukebox für einen Flash-basierten Medienplayer zu einer soliden Wahl.

Ab 2014 wird dieses Projekt nicht mehr aufrechterhalten. Es wird als stabiler Zustand angesehen und erhält keine weiteren Aktualisierungen.
Wenn Sie übernehmen möchten, stellen Sie bitte ein Problem ein.

Merkmale

  • Voll anpassbare Skins
  • Automatisch ansässig, wenn der Benutzer Seiten wechselt (fortfahren, die Seite aktualisieren, um sie auszuprobieren!)
  • Unterstützt .mp3 Audio und .flv Video
  • Wiedergabeliste eine einspurige Unterstützung
  • Mischen/wiederholen
  • Playlist Caching
  • Viele anpassbare Optionen
  • ID3 Track Meta -Infomation -Unterstützung
  • Tiny Impressum - nur 20 KB!
  • Fähigkeit, die Nutzungsinformationen des Spielers zu protokollieren
  • Vollständige JavaScript -API
  • Enthält modifizierte xplay.php, um die Wiedergabeliste automatisch zu generieren

Inhaltsverzeichnis

  • Installieren
  • Jukebox -Optionen
    • Einspurmodus
    • Optionale Parameter
    • XSPF -Playlist -Format
    • JavaScript -API
  • Die Jukebox häuten
    • Hautobjekte
    • Funktionsobjekte
    • Etiketten
    • Attribute
  • XSPF -Wiedergabelisten
  • Lizenz

Installieren

1. Erstellen Sie eine XSPF -Wiedergabeliste, die auf Ihre Mediendateien hinweist

(Optional) Generieren Sie Ihre Wiedergabelisten automatisch in PHP, Python oder JS

Bearbeiten Sie die erste Zeile der Datei xplay.php , um auf Ihr Medienverzeichnis zu verweisen:

$media = "media"

Bearbeiten Sie alle Optionen, die Sie wünschen, die Playlist Caching wird standardmäßig aktiviert.

2. Geben Sie den SWFOBject JavaScript -Code in Ihre Seite <head> ein:

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

3. Erstellen Sie eine <div> , um Ihren Inhalt zu halten: 
 < div id =" flashcontent " >
     <!-- this will be replaced -->
 </ div >
V. 
 < 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 >

Beachten Sie, dass die oben hervorgehobenen Werte gültige Dateipfade sowohl für die playlist_url als auch für skin_url sowie für die width und height angeben müssen. Sie können auch einen der optionalen Parameter nach der playlist_url angeben. Zum Beispiel:

Die gesamte URL für die .swf auf der Demo -Seite lautet: 

 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

Das war's! Die XSPF Jukebox ist jetzt installiert.

Optionen

Die XSPF Jukebox kann für nahezu jegliche Notwendigkeit angepasst werden, Audio oder Video im Web abzuspielen.

Einspurmodus

Sie können auch die Jukebox verwenden, um eine einzelne .mp3- oder .flv -Datei abzuspielen, wobei die folgenden zwei Parameter anstelle von Playlist_url verwendet werden:

  • track_title : Etikett des Tracks
  • track_url : URL des Tracks
Optionale Parameter
  • playlist_url : Die URL der zu geladenen XSPF -Datei
  • skin_url : URL des Hautordners
  • loadurl : URL, die mit einer Textdatei mit allen Variablen verknüpft ist. Schneiden Sie die HTML -Codierungs- und Dateigrößen ab. Eine Datei kann von vielen Spielern verwendet werden
  • activeDownload : Booleaner Wert, um direkte Downloads von Tracks zuzulassen oder zu unterbinden, ist der Standard falsch
  • alphabetize : Booleaner Wert zur Alphabetisierung der Wiedergabeliste, Standard ist falsch
  • autoload : Booleaner Wert, mit dem die Wiedergabeliste ohne den ersten Benutzer geladen werden kann, ist Standard falsch.
  • autoplay : Booleaner Wert, der die Wiedergabeliste laden lässt und die Musik ohne den anfänglichen Benutzer klickt. Standard ist falsch
  • autoresume : Boolean -Wert, mit dem Spieler auf mehreren Seiten die Musik als Benutzer durch die Seiten seiten, der Standard ist, ist falsch.
  • buffer : Sekunden zum Vorladungsvideo vor dem Spielen, ausschließen für automatisch
  • crossFade : Entweder ein boolescher Wert, der, wenn True auf die Standardzeit eingestellt ist, oder die Anzahl der Sekunden,
  • forceAlphabetize : Booleaner Wert, erzwingt die vollständige Alphabetisierung, einschließlich des Vorgehens des Künstlertitels, Standard ist falsch
  • format : Text zum Format-Track-Etikett, verwenden
  • gotoany : Booleaner Wert, der zu unbekannten URLs führt, der Standard ist falsch
  • image : URL für ein JPG -Bild, das beim Autoplay angezeigt wird
  • infourl : Globale Info -URL für alle Songs, füllt abwesende Playlist -Info -URLs
  • load_message : Meldung nach autoload angezeigt
  • main_image : Globale Bild -URL, füllt abwesende Wiedergabeliste Bilder
  • mainurl : Klicken Sie mit der rechten Maustaste »" über "URL
  • midChar : Charakter, um zu trennen, um Ersteller und Titelwerte für Tracks zu trennen, überschrieben per Format, Standard ist ":
  • no_continue : boolescher Wert zum Ausschalten des automatischen Songs, Standard ist falsch
  • player_title : Title Text, Standard ist "xspf Jukebox
  • repeat : Boolescher Wert zum Einstellen von Wiederholungen, Standard ist falsch
  • repeat_playlist : Booleaner Wert, um die Wiedergabeliste zu wiederholen, Standard ist wahr
  • shuffle : Booleaner Wert zum Festlegen von Shuffle, Standard ist falsch
  • start_track : Tracknummer für den Beginn der Titel, Standard ist 1
  • statsurl : URL zu einem externen Skript, das Postwerte sammeln kann. Kann Playsong und Annotation sammeln
  • timedisplay : Numerischer Wert, um Zeitzähler zu zeigen; 0: Off, 1: All, 2: Verstrichen, 3: Dauer, 4: Countdown
  • trackNumber : Booleaner Wert, der den Beschriftungen Tracknummern hinzufügt, ist falsch falsch
  • useId3 : Booleaner Wert, der ID3 -Tag -Verwendung erzwingt, ist Standard falsch
  • volume_level : Startvolumen Level Prozent, Standard ist 100
Playlist -Format

Das XSPF Jukebox verwendet das XSPF ('SPIFF') Open XML -Playlist -Format. Ein kurzes Beispiel folgt: 

 <?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>
Hinweis: Es ist nur <location> erforderlich
JavaScript -API

Eine JavaScript -Schnittstelle wurde in den Player hinzugefügt, um eine erweiterte Kontrolle über die Jukebox zu ermöglichen. Diese Funktion gilt nur für die Flash 8 -Version. Verfügbare Funktionen sind:

  • playTrack() : Spielen/Pause den Track
  • stopTrack() : Stoppen Sie die Strecke
  • nextTrack() : Fortschreiten zum nächsten Track
  • prevTrack() : Kehren Sie zur vorherigen Spur zurück
  • shuffleToggle() : Mischen ein-/ausschalten
  • repeatToggle() : Wiederholen
  • gotoTrack(track number) : Spielen Sie einen bestimmten Track
  • addTrack(track id, location, title, creator, info url, purchase url, image, annotation) : Fügen Sie der Wiedergabeliste einen Titel hinzu

Um die Jukebox mit JavaScript zu steuern, stellen Sie sicher, dass Sie eine ID im Objekt und die Einbetten -Tags für das Einbetten -Skript festlegen. Um eine Funktion aufzurufen, verwenden Sie das Format:

window.document.xspfJukebox.playTrack();

Zum Beispiel:

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

Hautdokumentation

Die XSPF Jukebox verwendet ein benutzerdefiniertes XML -Format, um das Player -Erscheinungsbild anzugeben. Die Skin.xml -Dateien befinden sich im folgenden Format: 

 <?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>
Hautobjekte
  • <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="" />
Funktionsobjekte

Alle Funktionsobjekte beginnen mit einem Tag und werden durch ein label unterschieden. Die meisten Etiketten haben ähnliche Attribute, aber es gibt einige geringfügige Unterschiede.

  • <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="" />
Etiketten
  • playButton : Ein Wiedergabetaste, wechselt zwischen Spiel und Pause
  • playpauseButton : Eine statische Play Pause -Taste, wechselt zwischen Spiel und Pause
  • stopButton : Ein Stoppknopf, stoppt die Spur
  • prevButton : Eine vorherige Schaltfläche, Änderungen an der vorherigen Spur
  • fwdButton : Ein Vorwärtsknopf, wechselt zum nächsten Track
  • shuffleButton : Ein Shuffle -Knopf, ein- und ausschaltet
  • repeatButton : eine Wiederholungstaste, ein-/ausschaltet
  • scrollButton : Eine Scroll -Schaltfläche mit Hintergrund, Scrolls -Playlist
  • scrollupButton : Ein Up -Pfeil, Scrolls Playlist auf
  • scrolldownButton : Ein Down -Pfeil, scrolls Playlist nach unten
  • startButton : Ein Rechteck zum Angeben von Klicksposition zum Laden oder Abspielen von Alpha auf 0 einstellen
  • infoButton : Textschaltfläche So folgen Sie dem aktuellen Info -Link in einer Wiedergabeliste
  • purchaseButton : Textschaltfläche, um den aktuellen Kauflink in einer Wiedergabeliste zu befolgen
  • downloadButton : Textbutton, um direkt zum aktuell abgespielten MP3 zu verlinken
  • playDisplay : Zeigt aktuelle Trackbilder an
  • imageDisplay : Zeigt aktuelle Trackbilder an
  • videoDisplay : Zeigt Video -Tracks an
  • trackDisplay : Zeigt derzeit Track an
  • timeDisplay : Zeigt die aktuelle Spurzeit in einem Standardformat 00:00 an, wechselt zwischen Zeit, Dauer und verbleibender Zeit
  • fulltimeDisplay : Zeigt die aktuelle Spurzeit in einem vollständigen Format 00: 00/00: 00 an, zeigt Zeit und Dauer an
  • volumeDisplay : Zeigt eine Volumenleiste an, um die Spurvolumen zu ändern
  • timeBar : Zeigt den aktuellen Spuranteil in Balkenformular an, um die Spur zu scannen
  • loadBar : Zeigt den belasteten Prozentsatz für die aktuelle Spur in Balkenform an
Attribute
  • x : Zahl: Der x -Wert oder Prozentsatz zum Platzieren eines Objekts
  • y : Zahl: Der Y -Wert oder Prozentsatz zum Platzieren eines Objekts
  • z : Nummer: Der Z -Wert oder Tiefe eines Objekts.
  • width : Nummer: Die Breite eines Objekts
  • height : Nummer: Die Höhe eines Objekts
  • scale : Nummer: Wird anstelle von Breite/Höhe verwendet. Skaliert das Objekt und behält den Standard -Seitenverhältnis bei. 1 = keine Skalierung
  • size : Zahl: Schriftgröße. Die Größe muss A + für Infobutton, PurchaseButton und DownloadButton vorausgehen. Ex: +15
  • image : URL: Laden Sie ein Bild anstelle des Standardsymbols
  • shape : Rechteck/reklasiert/Kreis/Dreieck: Zeichnet eine Form für ein Objekt
  • border : Nummer: Definiert die Grenzbreite der Form des Form
  • color : Hex Code: Legt die Farbe eines Objekts fest. Ex: FF0088
  • borderColor : Hex Code: Legt die Farbe einer Form des Randes fest
  • bgColor : Hex Code: Legt die Farbe des Hintergrunds eines Objekts fest
  • selectedColor : Hex Code: Legt die Farbe des aktuellen Tracks in der Wiedergabeliste fest
  • font : Schriftname: Legt die Textschriftart fest
  • text : Text: Text angezeigt
  • align : links/Mitte/rechts: Wird nur für TrackDisplay verwendet. Ausrichtung des Textes
  • bold : boolean: setzt text fett ein und aus
  • italic : Boolean: Setzt Text Kursivika ein/aus
  • underline : Boolean: Setzt den Text unterstreicht ein/aus
  • alpha : Prozent: Legt den Alpha -Kanal des Objekts fest
  • bgAlpha : Prozent: Legt Alpha -Kanal des Hintergrunds eines Objekts fest
  • url : URL: Ermöglicht ein Objekt, zu einer Webseite zu verlinken
  • hoverMessage : Text: Nachricht auf der Maus angezeigt

Generieren einer XSPF -Wiedergabeliste:

  • lacymorrow/xspf-playlist
  • lacymorrow/xspf-playlister-py
  • lacymorrow/xspf-playlister-php

Lizenz

MIT © Lacy Morrow

Expandieren
Zusätzliche Informationen
Ähnliche Anwendungen
Empfohlen für Sie
Ähnliche Nachrichten Alle