Html videos y objetos
- 1. HTML Insertar video, animaciones flash y sonido a una página web.
- 2. COMPETENCIAS A DESARROLLAR No. COMPETENCIA 1 Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. 2 Desarrolla 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
- 3. 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?
- 4. 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.
- 5. ETIQUETA BGSOUND La 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.
- 6. 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.
- 7. VIDEO Y AUDIO En 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">
- 8. Insertar animaciones flash <OBJECT classid="clasid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flas h/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>