Aujourd'hui, comme un fichier vidéo doit être ajouté à la page Web, j'ai étudié le lecteur vidéo FLV flvplayer.swf 1. Chargez-le directement dans le fichier HTML:
La copie de code est la suivante:
<div id = flashfile>
<Type d'objet = Application / X-Shockwave-Flash Largeur = 470px hauteur = 403px
data = flvplayer.swf? file = films / company.flv>
<param name = film value = flvplayer.swf? file = films / company.flv & showfsbutton = true & autoStart = true />
<param name = wMode value = transparent />
<param name = qualité de qualité = high />
<param name = allowfullScreen value = true />
</ objet>
</div>
2. Utilisez JavaScript pour charger dynamiquement:
La copie de code est la suivante:
<script type = text / javascript>
fonction playflv (nom de fichier) {
var videoname = nom de fichier; // Nom de fichier vidéo
var floder = vidéo; // Le dossier où les vidéos flash sont stockées, notez qu'elle est relative à l'emplacement du fichier flvplayer.swf (images / flvplayer.swf)
var div = document.getElementById (flvplayDiv);
div.innerhtml = <img src = 'images / wait.gif' />div.style.display = aucun;
var result = <table align = 'Center'> <tr> <td align = 'Center'> <objet type = 'application / x-shockwave-flash' width = '470px' height = '403px';
Result + = data = 'images / flvplayer.swf? file = + floder + / + filename +'>;
résultat + = <param name = 'film' value = 'images / flvplayer.swf? file = + floder + / + filename + & showfsbutton = true & autoStart = true' />;
Résultat + = <param name = 'wmode' value = 'transparent' />;
Résultat + = <param name = 'Quality' value = 'high' />;
Résultat + = <param name = 'allowfullScreen' value = 'true' />;
Résultat + = </ objet> </td> </tr> </ table>;
div.innerhtml = résultat;
div.style.display = inline; // div d'affichage méthode
}
</cript>
Ajouter le code suivant à la zone du corps:
La copie de code est la suivante:
<Button id = kk type = bouton onclick = playflv ('company1.flv')> play 1 </utton>
<br /> <Button id = k2 type = bouton onclick = playflv ('company2.flv')> play 2 </utton>
<div id = flvplayDiv> </div> <! - DIV ZONE POUR LA LA LA LA LA LA LA LA LA LA LA LA LA LA LA PLUS ->
JW FLV Player en ligne FLV Player en chinois
Comment utiliser: si vous n'avez besoin de lire un fichier FLV [tel que vidéo.flv], copiez simplement le vidéo.flv et flvplayer.swf dans le package compressé dans le même répertoire et ajoutez-le dans la page
Code de programme
<Type d'objet = Application / X-Shockwave-Flash Width = 400 Height = 220
WMODE = données transparentes = flvplayer.swf>
<param name = film Value = flvplayer.swf />
<param name = wMode value = transparent />
<objet />
flvplayer.swf trouvera automatiquement la lecture vidéo.flv dans le même répertoire. Vous pouvez également ajouter l'URL du fichier FLV après flvplayer.swf pour jouer. La méthode est la suivante:
Code de programme
<Type d'objet = Application / X-Shockwave-Flash Width = 400 Height = 220
wmode = transparent data = flvplayer.swf? file = films / holiday.flv>
<param name = film value = flvplayer.swf? file = films / holiday.flv />
<param name = wMode value = transparent />
</ objet>
file = Films / Holiday.flv est un paramètre et des adresses relatives ou absolues peuvent être utilisées.
Autre Description du paramètre:
Si la vidéo n'a pas besoin d'être jouée automatiquement lors du chargement, vous pouvez utiliser le paramètre AutoStart
exemple
Code de programme
<Type d'objet = Application / X-Shockwave-Flash Width = 400 Height = 220
wmode = données transparentes = flvplayer.swf? autostart = false>
<param name = film value = flvplayer.swf? autostart = false />
<param name = wMode value = transparent />
</ objet>
Plusieurs paramètres peuvent être utilisés de manière mitigée et la liste des paramètres efficaces:
Code de programme
Fichier (l'adresse du fichier FLV)
AutoStart (que la lecture automatique soit autorisée, vraie ou fausse)
Image (images d'aperçu lorsqu'il n'est pas lu, ne prend en charge que le format JPEG)
répéter (s'il faut le jouer à plusieurs reprises)
Cliquez sur Text (le texte affiché au début est cliquez pour jouer par défaut)
Ce qui suit est la version 3.12 http://www.cgfans.net/bbs/medias/2007/10/jw_flv_player.zip Ceci est la version 3.12
Ce document contient la méthode d'installation et la méthode de configuration de JW MP3 lecteur, JW FlvPlayer, JW Media Player, JW Image Rotator
Loi
JW Players 3.12 Documentation
1. Installer (intégrer dans votre site)
2. Paramètres (configuration)
Paramètres de base
Paramètres de couleur
Paramètres d'interface
Paramètres de lecture
Paramètres interactifs
3. Liste de lecture
4. Personnaliser
5. Support
Configuration rapide, exécutez l'assistant de configuration
1. Installer
Après le téléchargement, vous pouvez obtenir un exemple, lorsqu'il est ouvert avec du texte ou de l'éditeur HTML, vous pouvez constater que SWF est un court morceau de
JavaScript intégré sur la page. Ce javascript est swfObject.js écrit par Geoff Stearns, qui résout le besoin de Flash
Le problème de la vie. Lorsque vous copiez SWF sur votre site, n'oubliez pas de copier SwfObject.js ensemble. Et sur la page
Ajouter le code suivant à la tête
Code de programme
<script type = text / javascript src = swfObject.js> </ script>
À l'aide de swfObject.js, vous pouvez facilement définir le chemin, la largeur, la hauteur, la couleur d'arrière-plan et la version du lecteur flash dont vous avez besoin, ou vous pouvez définir un ensemble de paramètres pour configurer SWF. Lorsque la page est chargée, JavaScript remplacera les nœuds de la page en fonction de l'ID.
Code de programme
<p id = lecteur> <a href = http: //www.macromedia.com/go/getflashPlayer> Obtenez Flash </a> pour voir ce joueur. </p>
<script type = text / javascript>
var so = new swfObject ('mediaplayer.swf', 'player', '400', '400', '7');
So.AddParam (pertefullScreen, true);
so.addvariable (fichier, test.flv);
So.Addvariable (DisplayHeight, 300);
So.Write ('Player');
</cript>
Dans les situations où vous ne pouvez pas utiliser JavaScript (comme votre BSP ne le prend pas en charge, comme MySpace), vous pouvez utiliser ENCHED pour insérer SWF.
Il convient de noter que SWF ne peut pas être sur ce serveur, mais si vous avez besoin d'utiliser des listes de lecture XML, il peut y avoir des problèmes, car XML doit être sur le même serveur que SWF, sinon il sera organisé en raison de problèmes de sécurité. MP3, JPG, FLV ne peut pas être sur ce serveur.
Code de programme
<embed src = http: //www.myfileserver.com/folder/mediaplayer.swf width = 400 height = 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. Paramètres
Ces paramètres peuvent configurer le comportement et l'apparence du lecteur intégré dans le HTML. Si vous utilisez swfObject.js, vous pouvez utiliser la méthode addvariable () pour la configurer. Si vous utilisez la méthode d'intégration, vous pouvez configurer les variables en définissant l'attribut FlashVars. Faites attention à l'utilisation du & symbole pour diviser ces variables.
Il en va de même pour JW Image Rotator marqué avec *
Variables de base
DisplayHeight (numéro): la hauteur de la zone d'affichage. La hauteur minimale de la zone de contrôle est de 20px. Lorsque cette valeur est supérieure ou égale à la hauteur de SWF, la liste de lecture sera automatiquement masquée, sinon cela sera affiché.
Fichier * (URL): l'adresse du fichier à lire. Prend en charge la lecture de fichier unique (MP3 / FLV / RTMP / JPG / SWF / PNG / GIF), et prend également en charge les listes de lecture. JW Image Rotator ne prend en charge que les listes
hauteur * (numéro): réglez la hauteur de SWF. Lors de l'insertion de l'utilisation de l'intégration, il a été défini dans la propriété ENGRAD. Mais parfois (surtout lorsque vous utilisez IE), la hauteur devient incertaine, ce qui affecte la disposition. Pour le moment, vous devez définir ce paramètre, et l'unité de cette valeur est PX
Image (URL): Lorsque vous jouez MP3 et FLV, vous pouvez définir une image d'aperçu comme couverture de l'album via cette valeur, en prenant en charge le fichier JPG / SWF / PNG / GIF. Vous pouvez également définir chaque élément de la playlist.
affichée * (true, false): ce paramètre n'est pris en charge que par JW Image Rotator. Utilisé pour afficher ou masquer la navigation d'image.
Transition * (fondu, bgfade, blocs, bulles, cercles, fluides, lignes, aléatoire, slowfade): ce paramètre n'est pris en charge que par JW Image Rotator. Utilisé pour définir l'effet du remplacement de l'image. Le réglage au hasard définira l'effet au hasard. La valeur par défaut est fondée.
Largeur * (numéro): définissez la largeur de SWF, l'autre est la même que la hauteur;
Variables de couleur
BackColor * (couleur): définit la couleur d'arrière-plan du joueur. JW Media Player, etc., par défaut à 0xFFFFF (blanc) JW Image Rotator, par défaut à 0x000000 (noir).
Fontcolor * (couleur): définit la couleur du texte et des boutons. JW Media Player, etc., par défaut à 0x000000 (noir) JW Image Rotator, par défaut à 0xFFFFF (blanc).
LightColor * (couleur): définit la couleur de l'état activé. La valeur par défaut est 0x000000 (noir) et la valeur par défaut est JW Image Rotator. La valeur par défaut est 0xcc0000 (rouge).
Paramètres d'interface
AutoScroll (true, false): Lorsque la liste de lecture est trop longue, la barre de défilement sera automatiquement affichée par défaut. Lorsque cette valeur est définie sur «vrai», la playlist sera automatiquement défilée en fonction de la souris.
DisplayWidth (nombre de pixels): définissez la largeur de la zone d'affichage. Lorsque le réglage est relativement petit, la liste de lecture sera affichée sur le côté droit de la zone d'affichage au lieu du bas.
Kenburns * (vrai, faux): utilisé pour réaliser l'effet KB pendant l'exercice. Notez que lorsque l'image est plus grande et que la vitesse Internet est plus rapide, il est recommandé de s'allumer, sinon se fermer. Il est recommandé de définir la transition sur Slowfade pour coopérer.
LargeControls (true, false): définissez cette valeur sur true pour agrandir le bouton de la zone de contrôle. Il est recommandé de l'ouvrir aux utilisateurs avec une mauvaise vue
Logo * (URL): Définissez une image comme filigrane dans le coin supérieur droit, prend en charge tous les formats d'image et prend en charge le meilleur effet PNG de la couche transparente.
Overtretch * (vrai, faux, ajustement, aucun): définit le zoom de l'image / vidéo dans la zone d'affichage. Un véritable étirement à proportion égale est utilisé pour s'adapter à la zone d'affichage. Faux étirent uniquement la zone d'affichage. Ajuster l'affichage plein écran. Aucun ne montre la taille d'origine. JW Media Player, etc. est ajusté par défaut, et JW Image Rotator est faux par défaut
showDigits (true, false, total): réglé sur false pour masquer le temps de lecture et d'autres informations pour économiser de l'espace dans la zone de contrôle. Réglé sur total pour afficher tous les temps.
Showdownload (true, false): définissez cette valeur pour afficher le bouton de téléchargement dans la zone de contrôle. Lien vers le jeu d'adresses par lien.
showeq (true, false): utilisé pour afficher un effet de fluctuation de faux audio. Lorsque vous jouez mp3, vous pouvez obtenir un bon effet
showicons * (vrai, faux): utilisé pour afficher ou masquer des images au milieu de la zone d'affichage. JW Media Player, etc. par défaut TRUE. Le rotateur de l'image JW est par défaut false;
showVolume (true, false): utilisé pour définir s'il faut afficher le bouton de contrôle du volume
ThumbsInplayList (True, False): Définit si l'image d'aperçu est affichée dans la liste
Paramètres de lecture
Autostart (vrai, faux, muet): Défini sur Ture, la page jouera automatiquement après le chargement. Défini sur muet, il jouera automatiquement en mode silencieux, et il y aura une icône muette au milieu de la zone d'affichage. BufferLength (numéro): définit le temps de cache de FLV. La valeur par défaut est de 3 secondes
répéter * (vrai, false, liste): la valeur par défaut est FLASE, et elle s'arrête après avoir joué de la position de lecture actuelle à la fin de la liste. Set to List jouera tous les éléments de la liste, et Set to True Will le jouera LOOP.
RotateTime * (numéro): définit l'heure d'affichage de l'image. JW Media Player, etc. est par défaut à 10 secondes, et JW Image Rotator est par défaut à 5 secondes.
shuffle * (true, false): réglé sur false pour jouer séquentiellement, réglé sur true pour jouer de manière inférieure
lissage (vrai, faux): réglé sur false pour désactiver le traitement de lissage vidéo. Il est recommandé de définir True pour obtenir de meilleurs résultats. Mais il est avantageux de régler False pour les grands écrans ou les machines à faible configuration.
Démarrer * (deuxième): Lorsque vous utilisez RTMP ou HTTP Streaming Media (FLV / MP3 non conventionnel), utilisez cette variable pour localiser avec précision la position de début. Ce paramètre est défini dans la liste des formats XSPE pour définir avec précision la section Fichier.
Volume * (numéro): définissez le volume, par défaut sur 80.
Paramètres interactifs
Audio * (URL): Utilisez ce paramètre pour ajouter un fichier MP3 en tant qu'audio distinct, qui peut être utilisé comme explication musicale de fond de l'image, etc.
BWFILE (URL): L'adresse du fichier utilisé pour la détection de la bande passante, vous pouvez mettre une image ou des supports de streaming RTMP. La valeur de prêt peut être consultée dans le menu du clic droit.
BWSTREAMS (Liste de débit binaire séparée par des virgules):
Utilisez-le conjointement avec BWFILE pour sélectionner différents fichiers en fonction de la valeur de bande passante. Par exemple: vous souhaitez lire Video.flv et définir la valeur de cet élément à 100 250,500,1000. Lorsque le lecteur constate que la bande passante est de 349 kbps, la vidéo_250.flv sera lue. Il a donc un paramètre de dénomination efficace, qu'il changera automatiquement, même si elle utilise des listes de lecture.
rappel (URL): Définissez ce paramètre sur l'adresse du programme Server (PHP / ASP) pour transmettre les données. Les données sont envoyées au serveur lorsque chaque élément est lu et arrêté, afin que les statistiques de lecture soient enregistrées du côté du serveur.
Légendes (URL): Définissez cette valeur pour charger un texte au format de texte sous forme de sous-titres. Lecteur à sous-titres qui prend en charge le format SMIL et le format DVD. Si votre fichier FLV dispose de polices intégrées, vous pouvez définir la valeur sous sous-titrée. Si vous avez des sous-titres multicanaux, vous pouvez définir cette valeur sur sous-titrée, sous-titrée3, etc. La valeur de chaque élément peut être définie dans la liste.
activerjs * (true, false): défini sur true pour activer la prise en charge de JavaScript. L'utilisation en ligne est uniquement prise en charge. JavaScript peut contrôler la lecture, charger les supports et obtenir des informations détaillées sur l'élément de lecture actuel.
FSBUTTONLINK (URL): Si la version FlashPlayer de l'utilisateur est supérieure à (9.0.28), le lecteur affiche automatiquement un bouton plein écran. En définissant cette valeur, vous pouvez créer un lien vers une autre page pour l'affichage plein écran. Le serveur peut définir le fichier pour être lu.
ID (String): l'identifiant unique du lecteur. Il sera renvoyé au serveur.
JavaScriptid * (String): Si vous avez plusieurs lecteurs sur votre page, vous pouvez définir ce paramètre pour donner à chaque joueur un ID différent, afin que vous puissiez facilement le contrôler avec JavaScript. Il sera retourné à l'événement GetUpdate ().
Lien (URL): Utilisez ce paramètre pour définir une version actuelle, ou obligez l'utilisateur à télécharger l'élément actuel via cette adresse. Cette valeur peut être définie pour chaque élément de la playlist.
linkFromDisplay * (true, false): définit la page pour accéder lorsque la zone d'affichage est cliquée. Par défaut, l'opération Play / Pause sera effectuée lorsque la zone d'affichage est cliquée.
linktarget * (trame): définissez la cible de lien, _self s'ouvre sur la page actuelle. _Blank s'ouvre dans une nouvelle page.
Streamscript (URL): Définissez ce paramètre pour être compatible avec les fichiers FLV «pseudo-streaming».
Type (MP3, FLV, RTMP, JPG, PNG, GIF, SWF, RBS, 3GP, MP4, M4V): le lecteur jugera le type basé sur les trois derniers caractères du nom du fichier. Cette méthode ne fonctionnera plus lorsque vous redirigerez à l'aide d'un langage côté serveur. Vous pouvez donc définir ce paramètre pour indiquer au lecteur le type de fichier. Vous pouvez également définir chaque élément de la playlist. Si le lecteur ne trouve pas le type de fichier, il sera reconnu comme une liste de lecture.
USEADUDIO (VRAI, FAUX): Définit False pour passer à l'état silencieux.
usecaptions (true, false): défini sur false pour masquer les sous-titres.
utileScreen (true, false): si vous ne souhaitez pas utiliser le mode plein écran de FlashPlayer9. Le paramètre FSButtonLink peut être défini pour remplacer les événements du bouton plein écran.
useKeys (true, false): réglé sur false pour annuler les opérations du clavier (espace, haut, bas, gauche, droite)
Remarque: vous devez transférer le caractère vers? = &. ? →% 3F, = →% 3D et →% 26. Lorsque votre variable de fichier est getPlayList.php? Id = 123, elle doit être définie pour getPlayList.php% 3FID% 3D123.
Playlist
Lorsqu'il n'y a qu'un seul élément dans la playlist, le lecteur jouera en mode de lecture unique. Le lecteur distingue le fichier unique des fichiers de playlist en fonction du nom du fichier. Si vous chargez un fichier avec le nom de fichier test.mp3, le lecteur utilisera le mode de lecture de fichier unique pour lire MP3 car l'extension est mp3. Si votre nom de fichier est getList.php, le lecteur pense qu'il s'agit d'une liste de lecture. Si vous utilisez des scripts dynamiques pour charger un seul fichier comme
Le joueur prend en charge trois formats de playlist couramment utilisés pour assurer l'universalité. XSPF, RSS et Atome.
Une étiquette commune pour la liste XSPF / RSS / Atom prise en charge par le lecteur.
feuille
* Image Rotator ne prend en charge que le premier élément «audio» de la playlist et est utilisé comme musique de fond pour jouer. Le joueur jouera tous les articles musicaux.
** L'élément de catégorie peut être utilisé pour prendre en charge les annonces. Vous pouvez définir la valeur sur Preroll, Postroll ou superposition.
Utilisez la valeur d'un seul élément dans la playlist de lien pour être l'adresse AD.
*** L'élément de démarrage n'est pris en charge que par le format de playlist de XSPF. Cet élément est utilisé pour définir la position de démarrage du fichier multimédia de streaming (HTTP ou RTMP) en secondes.
**** Si l'élément de localisation du format de liste XSPF ne contient pas d'extensions courantes (telles que MP3 ou FLV), vous pouvez utiliser l'élément Meta pour spécifier le format de fichier. (comme <meta rel = 'type> mp3 </TATA>). Lors de l'utilisation de RSS et de l'atome, le format de fichier est automatiquement reconnu selon MIMETYPE.
RTMP Streams, l'ID supplémentaire FlashVar doit également être envoyé. Exemple: file = rtmp: //my.streaming.server/mypath et id = video_one.
Notez que lorsque vous lisez un seul fichier, vous prends en charge tous les paramètres, tels que vous pouvez ajouter une image, un titre, un id, un lien, etc. Si vous souhaitez ajouter une image de prévisualisation lorsque vous lisez Video.flv en mode de lecture de fichier unique, vous pouvez définir les paramètres file = vidéo.flv, image = préview.jpg. Lorsque vous jouez au streaming RTMP, vous pouvez ajouter l'ID de paramètres. Par exemple, file = rtmp: //my.streaming.server/mypath, id = video_one.
En particulier, deux lieux sujets aux erreurs sont soulignés. La première liste doit être sur le même serveur que le lecteur, qui est causé par le mécanisme de sécurité Flash. Deuxièmement, utilisez le format d'adresse complet pour inclure HTTP afin que le lecteur ne puisse pas trouver le fichier.
Personnaliser
Beaucoup de gens m'ont demandé de créer des versions personnalisables. Beaucoup de leurs exigences peuvent en fait être obtenues en définissant des paramètres. J'ai fait un assistant de configuration en ligne pour configurer simplement ces paramètres. Je n'ai pas l'énergie pour répondre aux exigences de chacun. Il y aura cependant beaucoup de fonctionnalités supplémentaires intéressantes dans la prochaine version.
Si vous connaissez le langage de script ActionScript, vous pouvez modifier le programme et ajouter des fonctions vous-même.
Lorsque le lecteur est dans l'instance, les variables de configuration et de playlist seront ajoutées récemment, puis le cycle de vie MCV sera entré. Le gestionnaire de configuration et de liste (mangeoire) est toujours valable pendant le cycle de vie MCV.
Toutes les méthodes des deux objets marquées en rouge peuvent être appelées via JavaScript.
Dans d'autres programmes flash, les joueurs peuvent être référencés. Copiez simplement l'image à partir du fichier FLV téléchargé et assurez-vous de copier le répertoire com téléchargé dans votre fichier FLV, qui contient tous les scripts. Ensuite, vous pouvez accéder aux variables à l'emplacement de la première trame de la chronologie. Veillez à définir les variables de hauteur et de largeur, sinon le joueur s'étire et se déformera en fonction de votre taille.
comme
Code de programme
// Définit les flashvars (les booléens et les numéros doivent également être cités)
Var largeur = 320;
Var Hight = 240;
var file = my_video.flv;
var autoStart = true;
// démarrer le joueur
var mpl = new com.jeroenwijering.players.mediaplayer (this.player);
De plus, j'ai fait du contrôleur un objet public, vous pouvez donc contrôler le MediaPlayer avec la fonction SendEvent () de n'importe où dans votre site flash (le schéma ci-dessus a une liste de toutes les options SendEvent ()). Continuons le petit script ci-dessus:
J'ai créé un objet contrôleur exposé pour le lecteur, vous pouvez donc contrôler le lecteur n'importe où dans votre programme en utilisant SendEvent () comme:
Code de programme Mpl.Controller.Sendevent (volume, 50);
Mpl.Controller.Sendevent (PlayPause);
soutien
Liste des FAQ
1. Si vous avez une mise en page déplacée lorsque vous utilisez IE, il se peut que la taille ne soit pas bien définie. Vous pouvez utiliser la largeur et la hauteur variables pour le forcer.
2. Notez que les mécanismes de sécurité de Flash et JavaScript affecteront vos tests locaux. Vous pouvez également être affecté lorsque vos fichiers sont placés sur différents serveurs, et vous pouvez essayer de les mettre sur le même serveur.
3. La fonction pleine écran ne peut être utilisée que dans Flash Player9.028.0 ou supérieur. Si vous utilisez SWFObject pour intégrer votre lecteur, vous pouvez utiliser sa fonction de mise à niveau automatique. Notez que AutorfullScreen est défini sur true
4. Si votre barre de progrès ne bouge pas ou qu'il y a un problème avec la durée de votre vidéo. C'est peut-être que votre FLV ne définit pas les métadonnées correctes. Vous pouvez utiliser un widget www.buraks.com/flvmdi/.
Les deux versions sont légèrement différentes, veuillez consulter les instructions ci-dessous pour plus de détails