Comment intégrer un lecteur mp3 avec html

Instructions

1. Choisissez votre lecteur MP3. De nombreuses options de source de freeware et ouverts sont disponibles pour téléchargement sur le Web. Pour cet exemple, choisir un lecteur MP3 Flash qui utilise HTML5 de "Intégrer" élément et suivez attentivement sa documentation.

2. Créez un fichier HTML5. Ouvrez un nouveau document dans votre éditeur de texte et de faire une page de base de HTML5 en utilisant ce code.

   
   
   
   

   
   
   
   
   
   
   

   
   

   
   
   
   
   

   Enregistrez votre fichier sous "mp3-player.html."

3. Ajoutez un HTML5 "Intégrer" élément. Mettez ce code simple à l'intérieur de votre code HTML "corps" section, le remplacement de la "myFlashMP3Player.swf" la valeur avec le nom de fichier de votre propre lecteur MP3 flash.

   Suite à la documentation de votre lecteur MP3 avec soin, en ajoutant un code supplémentaire requis (typiquement, cela pourrait être un peu de javascript). Enregistrez de nouveau votre fichier.

4. Testez votre page Web. Ouvrez votre navigateur Web et charger "mp3-player.html." Vous devriez voir votre lecteur MP3 intégré au sein de la page Web. Sinon, vérifiez que vous avez copié les exemples de code correctement et que vous avez suivi la documentation de votre lecteur MP3.

• Le moyen le plus rapide pour obtenir ce code exemple travail est de tester avec un simple fichier Flash d'animation (SWF) plutôt que d'un lecteur MP3. Une fois que vous avez ce travail, il sera plus facile d'identifier les erreurs que vous pourriez faire en suivant les instructions de codage de votre lecteur MP3.
• Contrairement à certains autres fonctions multimédia de HTML5, son "Intégrer" élément a été bien soutenu par les principaux navigateurs Web dès le début. Bien qu'elle nécessite l'aide d'un lecteur Flash (par exemple), plusieurs des anciens navigateurs comprendre ce que HTML5 de "acoustique" élément.
• HTML5 permet de toujours vous utilisez les méthodes traditionnelles d'enrobage avec le multimédia "objet" élément (telles que la méthode javascript de SWFObject). Toutefois, leur utilisation est plus difficile que d'utiliser HTML5 de "Intégrer" élément.

• Cet exemple démontre les bases de Flash enrobage en HTML5. Elle ne couvre pas les méthodes complexes pour l'utilisation de l'ancienne "objet" élément. Ne pas utiliser l'exemple avec les lecteurs MP3 conçus pour les anciennes versions de HTML ou de la "objet" Procédé.
• Si un navigateur web n'a pas déjà le plugin Flash installé, HTML5 de "Intégrer" élément ne guide pas automatiquement à la page de téléchargement du plugin. Toutefois, puisque la plupart des web-utilisateurs ont déjà installé Flash dans leurs navigateurs, cela est normalement pas un problème. Si cela vous concerne, solutions javascript sont disponibles (comme SWFObject).