Inserir un reproductor d'àudio / vídeo en una pàgina HTML

Introducció

Alguna vegada vas pensar del seu lloc un petit reproductor d'arxius de so (cançons, sons, etc ..) que permeten als visitants escoltar una cançó, tot això sense haver de recórrer a programes especials o llenguatges de programació?

Probablement sí, llavors vostè probablement ha donat per vençut i acaba de sortir, imaginar la complexitat del desenvolupament. Així que aquí hi ha un truc que li permetrà, amb una simple línia de codi HTML per crear un petit reproductor, incloent-hi la reproducció, pausa i aturada d'emergència, i fins i tot el control de volum!

Les etiquetes que s'utilitzen és <embed> compatible amb MS Internet Explorer (versió 3.0 i posteriors) i Netscape Navigator (versió 3.0 en endavant).

En <embed> fet que fa és cridar el reproductor per defecte instal · lat a l'ordinador i establir certes característiques a través d'una sèrie d'atributs, s'enumeren a continuació, acompanyats d'exemples apropiats.

Atribut "src"

Pel que fa a les imatges d'aquest atribut s'utilitza per especificar l'adreça de l'arxiu de so que voleu reproduir que, entre altres extensions compatibles amb aquest plug-in pot ser:

• . Mp3
• . Wav
• . Migdia
• . RMI
• . Mpeg (per a vídeo)
• . Avi (per a vídeo)

i així successivament.

Tingueu en compte també la mida de l'arxiu que desitja ingressar, si us plau, perquè la majoria dels "grans" és i haurà d'esperar més temps per carregar, i per tant s'escolta la cançó!

Un exemple

 



 <embed src= "nome_file.mp3"> </ embed>

 

Atributs "width" i "alçada"

Establir l'amplada i l'alçada del jugador.

Si vostè té Internet Explorer com el seu navegador, el jugador apareixerà molt gran, que amenaça amb trencar el disseny de la seva pàgina. Per tal d'evitar això és donar sempre bones mesures del jugador, això es fa de la mateixa manera li donen les taules de dimensions, imatges, i així successivament, afegint que l'etiqueta dels atributs d'amplària i alçada, que mesures expressada en píxels.

Tingueu en compte que tot i així la mida per defecte dels jugadors són diferents depenent del navegador, una altra raó per la qual es recomana establir valors fixos.

Nota: Per evitar la implantació de mesures molt petites, i "tallar" per al control de volum, ajustament l'ample mínim de 280 dell'embed.

Prenguem un exemple que inclou la barra de volum

 



 <embed src="nome_file.mp3" width= "280" height= "45"> </ embed>

 

Prenguem un segon exemple que inclou només la Play i Stop

 



 <embed src="nome_file.mp3" width= "75" height= "45"> </ embed>

 

Atribut "autostart"

Vostè es donarà compte de que la música s'inicia automàticament quan la pàgina. Això és degut a que l'atribut s'estableix en inici automàtic per defecte en "veritable" valor.

Si per contra que la música només s'inicia quan l'usuari pressiona el botó de PLAY, estableixi aquest atribut a "false".

Vegem un exemple

 <Embed



    



 src = "nome_file.mp3"



    



 width = "280"



    



 height = "45"



    



 autostart = "false">







 </ Span>

Atribut "loop"

I 'possible per assegurar-se que la cançó es repeteix (o menys) fins a l'infinit, de manera que no si l'usuari vol escoltar a ell diverses vegades per tornar a prémer PLAY cada vegada que la cançó acaba. Al final, hem de convocar al bucle d'atributs.

Si s'estableix en 1 s'ha d'assegurar que una vegada que la cançó perquè s'iniciï automàticament, sense fi. En cas contrari, per defecte, loop pren el valor 0, i un cop realitzada la cançó que el jugador s'atura.

Per exemple

 <Embed



    



 src = "nome_file.mp3"



    



 width = "280"



    



 height = "45"



    



 autostart = "false"



    



 loop = "1">







 </ Span>

Atribut "ocult"

També es pot fer, si ho desitja, que el jugador no es mostra, en establir l'atribut ocult a "veritable" valor (el valor per defecte, al nostre entendre, és "fals").

Pot ser útil si vostè vol posar una música de fons per al lloc. Recordeu, però, en aquest cas per establir l'atribut "inici automàtic" a "true", de manera que per iniciar la cançó de forma automàtica, ja que no es podia veure el jugador, no pot interactuar amb ell.

Un exemple

 <Embed



    



 src = "nome_file.mp3"



    



 autostart = "true"



    



 loop = "1"



    



 hidden = "true">







 </ Span>

L'etiqueta de "NOEMBED"

Com es va esmentar en el paràgraf introductori, cal dir també que <embed> no és compatible amb tots els navegadors, per la qual cosa s'ha d'afegir, immediatament després del tancament </ embed> Tagged <NOEMBED>, la finalitat és proporcionar text alternatiu en cas de falta de suport.

Heus aquí un exemple

 <embed src="nome_file.mp3"> </ embed>







 <NOEMBED> Element multimèdia no és compatible </ NOEMBED>