Detaillierte Erläuterung des jQuery-Multimedia-Plug-Ins jQuery Media Plugin

Detaillierte Erläuterung des jQuery-Multimedia-Plug-Ins jQuery Media Plugin_jquery

WBOY

Freigeben： 2016-05-16 16:25:32

Original

3526 Leute haben es durchsucht

jQuery Media Plugin ist ein Web-Media-Player-Plug-in, das auf jQuery basiert. Es unterstützt die meisten Online-Multimedia-Player und Multimedia-Formate, wie zum Beispiel: Flash, Windows Media Player, Real Player, Quicktime, MP3, Silverlight, PDF. Es ersetzt automatisch das a-Tag durch ein div basierend auf der aktuellen Skriptkonfiguration und generiert Objekt-, Einbettungs- oder sogar Iframe-Code. Ob ein Objekt oder ein Einbettungscode generiert werden soll, bestimmt jQuery Media automatisch basierend auf der aktuellen Plattform, sodass die Kompatibilität gewährleistet ist exzellent. Der folgende Code ist das von jQuery Media generierte Ergebnis:

Code kopieren Der Code lautet wie folgt:

Spezifische Verwendung

HTML-Markup-Code

Code kopieren

Der Code lautet wie folgt:

Mein Quicktime-Film Mein Flash-Film Meine Audiodatei

Initialisierungsskript:

Code kopieren

Der Code lautet wie folgt:

$('.media').media(); Optionen

Parameter können über Skriptobjekte oder das jQuery-Metadaten-Plugin konfiguriert werden. 

Globaler Standard:

Code kopieren

Der Code lautet wie folgt:

$.fn.media.defaults = { PreferMeta: 1, // Wenn true, hat der Metawert des Tags Vorrang vor dem Skriptobjekt Autoplay: 0, // Standardisierte Cross-Player-Einstellungen bgColor: '#ffffff', // Hintergrundfarbe params: {}, // Zum Objekt-Tag als Parameterelement hinzufügen; zum Einbettungs-Tag als Attribut hinzufügen

attrs: {}, // Zum Objekt hinzufügen und als Attribute einbetten

flashvars: {}, // Als Flashvars-Parameter oder -Attribut
zu Flash hinzufügen flashVersion: '7', // Mindestens erforderliche Flash-Version
// Standard-Flash-Video- und MP3-Player // @see:
http://jeroenwijering.com/?item=Flash_Media_Player

flvPlayer: 'mediaplayer.swf',
mp3Player: 'mediaplayer.swf',
// Silverlight-Optionen // @see
http://msdn2.microsoft.com/en-us/library/bb412401.aspx
Silberlicht: { inplaceInstallPrompt: 'true', // Zeigt die Installationsaufforderung an der entsprechenden Stelle an
isWindowless: 'true', // Fensterloser Modus
Framerate: '24', // Maximale Framerate
Version: '0.9', // Silverlight-Version onError: null, // onError-Callback-Funktion onLoad: null, // onLoad-Rückruffunktion initParams: null, // Objektinitialisierungsparameter
userContext: null // Parameter, die an die Load-Callback-Funktion
übergeben werden }
};

Wir können beim Ausführen des Initialisierungsskripts auch einige Optionsparameter übergeben, wie im folgenden Code gezeigt:

Code kopieren Der Code lautet wie folgt:

$('.media').media( { width: 400, height: 300, autoplay: true } );

Ein weiteres Beispiel ist der Code:

Code kopieren Der Code lautet wie folgt:

$('.media').media({

Breite: 450,

Höhe: 250,

Autoplay: wahr,

src: 'myBetterMovie.mov',

attrs: { attr1: 'attrValue1', attr2: 'attrValue2' }, // Objekt/Attrs einbetten

params: { param1: 'paramValue1', param2: 'paramValue2' }, // Objektparams/embed attrs

caption: false // Untertiteltext unterdrücken

});

'src'-Option

Die Option

src gibt die Adresse der Mediendatei an. Es gibt keinen globalen Standardwert. Wenn der Wert der angegebenen src-Option nicht angezeigt wird, verwendet das jQuery Media Plugin stattdessen den Wert des href- oder src-Attributs.

Player und Formate

jQuery Media Plugin verwendet standardmäßig den Player und das Format, wie in der folgenden Tabelle gezeigt:

Spieler	Dateiformat
Quicktime	aif,aiff,aac,au,bmp,gsm,mov,mid, midi,mpg,mpeg,mp4,m4a,psd,qt,qtif, qif,qti,snd,tif,tiff,wav, 3g2,3pg
Blitz	FLV, MP3, SWF
Windows Media Player	ASX, ASF, AVI, WMA, WMV
Echter Spieler	ra, ram, rm, rpm, rv, smi, smil
Silverlight	xaml
iframe	html, pdf

Le tableau ci-dessus montre que le format mp3 est automatiquement mappé sur le lecteur Flash. $.fn.media.defaults.mp3Player dans la configuration globale spécifie que les médias MP3 sont lus par le fichier mediaplayer.swf. Le fichier swf est un petit lecteur vidéo mp3 et flash, qui peut être téléchargé ici : http://www.longtailvideo.com/players/jw-flv-player/

ObjetSWF

Ce script est très courant et est utilisé pour intégrer du contenu Flash dans des pages Web. Vous n'avez pas besoin de prendre en compte les méthodes d'intégration Flash des différentes plates-formes. Mais ce fichier n'est pas obligatoire. S'il est chargé, jQuery Media Plugin l'utilisera, sinon jQuery Media Plugin générera des balises objet/intégrées de sa propre manière par défaut. Pour plus d'informations, veuillez consulter : http://code.google.com/p/swfobject/

Lecteur iframe

Par défaut, les formats PDF et HTML sont mappés sur des iframes. Ils seront affichés dans une iframe plutôt que dans une balise object/embed.

Ajouter ou modifier une association de format

Cette opération peut être implémentée par la méthode mapFormat du plug-in, comme

$.fn.media.mapFormat('mp3','quicktime');
Les lecteurs disponibles sont : uicktime, flash, realplayer, winmedia, silverlight et iframe. Assurez-vous que le lecteur peut lire le format de fichier qui lui est associé.

Télécharger

Téléchargez directement le fichier jquery.media.js, ou téléchargez la version historique sur Github

Remarque :

Ce plug-in convertira en

pour intégrer du contenu multimédia. Ce plugin est aussi simple et facile à utiliser que les autres plugins Jquery.