html videos y objetos

8
HTML Insertar video, animaciones flash y sonido a una página web.

Upload: denisse-c

Post on 16-Jan-2017

383 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Html videos y objetos

HTMLInsertar video, animaciones flash y sonido a una página web.

Page 2: Html videos y objetos

COMPETENCIAS A DESARROLLAR

No. COMPETENCIA

1Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados.

2Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos.

6

Domina herramientas de desarrollo para sitios web mediante el uso de funcionalidades en la construcción de aplicaciones web, enlaces, presentación de datos y generación de información estática y dinámica en el Internet.

Denisse Casillas 2

Page 3: Html videos y objetos

CONOCIMIENTOS PREVIOS

¿Qué es una animación flash? ¿Qué extensiones de video conoces? ¿Te gusta que una página web tenga

música de fondo?

Page 4: Html videos y objetos

SONIDO EN LA PÁGINA WEB

Añadir una música de fondo a una página tiene pros y contras, si el sonido es apropiado al contenido de la página, puede hacerla más atractiva pero puede ralentizar la visualización de la página y además muchos usuarios suelen estar escuchando otro tipo de música cuando navega en Internet, por lo que el escuchar también sonido en cada página que visita puede resultar algo molesto.Los formatos de sonido más habituales en Internet son el WAV, el MP3 y en algunas ocasiones el MIDI.

Page 5: Html videos y objetos

ETIQUETA BGSOUNDLa etiqueta bgsound incorpora sonidos de fondo en una página web, sonidos que se ejecutan automáticamente al cargarse la página.Su sintaxis general, con sus atributos más importantes, es del

tipo:<bgsound src="ruta_fichero" loop="l" balance="b"

volume="v"></bgsound>Donde: src="ruta_fichero" fija la ruta en la que se encuentra el

fichero de audio a reproducir. loop="l" determina el número de veces (l) que se debe

ejecutar el fichero de audio. Si le damos el valor infinite, el audio se reproducirá indefinidamente.

balance="b" determina el balance del sonido entre los dos altavoces del equipo, es decir, la potencia o intensidad con que se oirá en cada uno de ellos (derecho e izquierdo). Sus valores pueden estar entre -10,000 y +10,000, correspondiendo el valor 0 a un balance equilibrado.

volume="v" fija el volumen al que se oirá el sonido, y sus valores pueden variar entre -10,000 (mínimo) y 0 (máximo). No es soportado por los equipos MAC.

Page 6: Html videos y objetos

EJEMPLOS<bgsound src=“audio/cancion.mp3" balance=0

volume=0></bgsound>

<bgsound src="varios/audio.mid" loop="-1">

Se recomienda ponerla inmediatamente después de la etiqueta body.

Page 7: Html videos y objetos

VIDEO Y AUDIOEn ocasiones puede interesar incluir algún vídeo en una página web, pero hay que tener en cuenta que los vídeos suelen ocupar mucho espacio en disco, y por lo tanto, precisan de mucho tiempo para descargarse.Los formatos de vídeo que suelen utilizarse en Internet son el AVI, el MPEG y el MOV. La etiqueta <embed> es la que se utiliza para insertar

archivos de vídeo, audio y algunos otros formatos. <EMBED SRC="music.rm" WIDTH="150" HEIGHT="40"

AUTOSTART="false" CONTROLS="ControlPanel" LOOP="-1"><NOEMBED>Su navegador no soporta el plug-in

RealAudio</NOEMBED>Otro ejemplo:

<EMBED SRC="my_clip.mov" WIDTH="320" HEIGHT="200" CONTROLLER="false" AUTOPLAY="false"> 

Page 8: Html videos y objetos

Insertar animaciones flash<OBJECT classid="clasid:D27CDB6E-AE6D-11cf-96B8-

444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"

WIDTH="432" HEIGHT="330" id="myMovieName" ><PARAM NAME="movie" VALUE="myMovieName.swf" /><PARAM NAME="quality" VALUE="high" /><PARAM NAME=bgcolor VALUE=#FFFFFF><EMBED src="/flash/ myMovieName.swf" quality="high"

bgcolor=#FFFFFF WIDTH="432" HEIGHT="330" NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">

</EMBED></OBJECT>