SlideShare uma empresa Scribd logo
1 de 18
Sonido y Video  en una pagina web
Videos: Insertarlos y Controlarlos El formato de vídeo utilizado es el AVI de Windows, que como es sabido, incluye imágenes y sonido digitales.El mayor problema de los ficheros digitales de vídeo es el gran tamaño de los mismos, ya que en la práctica unos pocos segundos de vídeo con sonido puede representar un fichero de varios Mb (mega bytes), en realidad es como si se trataran dos ficheros separados, uno con el sonido y otro con las imágenes, pero sincronizados. No hay que confundir este formato AVI con el MPEG, que también puede integrar imágenes y sonido, aunque con un nivel de compresión diferente, y peor sincronización con el sonido. Habitualmente los ficheros .MPG se suelen encontrar sin sonido.
Al utilizar estos videos en nuestra pagina debemos tener cuidado porque como se explico anteriormente son de gran tamaño, lo cual puede hacer que nuestra pagina se demore mucho en abrirse lo que puede ocasionar que el visitante se desesperé y se salga de nuestra pagina. Los conocimientos que teníamos hasta el momento no nos permitan manejar elementos de multimedia, solo nos permitían insertar imágenes, colocar un ancla, darle color al fondo,etc.
Pero en estos momentos comenzaremos a manejar el concepto de multimedia y Plugins(Son programas que permiten tratar diversos tipos de ficheros, de esta forma podrá insertarse estos tipos de ficheros dentro de una página HTML, permitiendo mostrar vídeo en distintos formatos (MPEG, avi, mov), interpretar sonido, en varios formatos (au, mid,), incluir ficheros de Adobe Acrobat (pdf), mostrar ficheros VRML, etc... ). La etiqueta utilizada para insertar un video en tu WEB es EMBED> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene el video a insertar. EJEMPLO:&ltEMBED SRC="c:ariedadesideosraduweb.avi">
ATRIBUTOS  AUTOSTART: Este atributo posee dos valores posibles: TRUE y FALSE(por defecto). El primero sirve para que el video se cargue junto con la pagina, es decir, apenas se abre la pagina comienza a abrirse. El segundo valor es para que el visitante al hacer click sobre el video lo active.LOOP: Al ingles traduce lazo. Este atributo al igual que el anterior también posee dos valores: FALSE (por defecto) y TRUE, el primero hace que el video se repita una solo vez, y el segundo hace que el video se repita infinitas vecesHEIGHT y WIDTH: Estos atributos son utilizados para definir el alto y el ancho del video respectivamente. A la hora de utilizar estos valores se debemos tener mucho cuidado ya que si los valores no coinciden con los de las dimensiones del video este será recortadoALING: Este atributo no lo voy a explicar porque funciona igual que en las imágenes, no funciona sobre el video sino sobre su alineación con el texto en la pagina.
Sonidos: Insertarlos Y Controlarlos Una página Web puede tener sonidos incorporados, bien sea como un fondo sonoro(se ejecuta automáticamente al cargar la página), o como una opción para que el visitante la active. El Internet Explorer está mejor adaptado para el sonido, pues a partir su versión 2.0 fue capaz de reproducir fondos sonoros sin necesidad de añadir nada, y no hay ninguna complicación con los servidores, como con el Netscape. Además, a partir su versión 3.0, es compatible con los plug-ins del Netscape. El archivo de sonido puede ser un MIDI(musical instrument digital interface) o un .WAV(wave form audio). Se utiliza la etiqueta &ltBGSOUND> acompañada de su atributo principal que es el SRC , Ej.: &ltBGSOUND SRC="Rutaonido.wav">
Atributos LOOP Sirve para especificar el número (n) de veces que se debe ejecutar el fichero de sonido. Si se escoge el número n=-1 o se pone LOOP= infinite, el sonido se ejecutará indefinidamente. El valor por defecto de este es 1, es decir, se repite una sola vez. Si yo quiero que se repita infinito numero de veces se le coloca INFINITE.
Controlar  el sonido AUTOSTART: También posee los mismos valores que el anterior. Con e l TRUE arranca cuando se este cargando la pagina y con el FALSE no.VOLUME="n". Con esta directiva controlamos el volumen de sonido es un numero entero de 1 a 100.El valor por defecto de este atributo es 50.Pero este también se puede cambiar manualmente. WIDTH="n". Es el ancho en pixeles de la consola que aparece y que tiene diversas teclas, stop, play, etc.HEIGHT="n". Es el alto en pixeles de la consola que aparece. Dependiendo del plugin que se tenga tenemos el problema que las dimensiones de consola son diferentes por lo que habrá ocasiones en que se vean zonas en blanco.
CONTROLS="smallconsole". Visualiza los controles para la reproducción.HIDDEN="true". Con este atributo ocultamos la consola, pero también se deben definir sus dimensiones.STARTTIME= mm:ss y ENDTIME= mm:ss Este atributo es utilizado para activar la consola después de cierto tiempo. mm son los minuto y ss son los segundo. Para que esto funcione se deben tener dos dígitos.
Controlar un video Para controlar un video se deben usar los siguientes atributos: Autostart="xxx" Puedes usar true para que empieze a reproducir al cargar la página o false para tener que dar al play para empezar.Loop="xxx" Usa true para que al acabar vuelva a empezar, y false para que no lo haga.Hidden="false" Usa true para ocultar los botones, y false para que se muestren.Width="200" Ancho que ocupará (incluyendo controles)Height="200" Alto que ocupará (incluyendo controles)Un ejemplo:<embed src="archivos/mi_archivo.avi" loop=true autostart=false hidden=false width=400 height=200>El ordenador donde se vea la página debe tener instalado y configurado un reproductor, p. ej. el Windows Media Player, y el códec del archivo si corresponde.
Pagina web : Conceptos Básicos Una página Web, también conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web. Una página Web está compuesta principalmente por información (sólo texto o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para hacerla interactiva. Las páginas Web son escritas en un lenguaje de marcado que provea la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la página puede ser predeterminado ("página Web estática") o generado al momento de visualizarla o solicitarla a un servidor Web ("página Web dinámica").
Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente Java Script, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor Web que alberga las mismas. Respecto a la estructura de las páginas Web, algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño, para así facilitar y simplificar la visualización e interpretación del contenido. Una página Web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, personas, etc. Así mismo, la nueva tendencia orienta a que las páginas Web no sean solo atractivas para los internautas, sino también optimizadas para buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.
La 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. Es una etiqueta propietaria de Microsoft, por lo que sólo es interpretada por Internet Explorer, admitiendo los formatos de audio MID y WAV, aunque generalmente también acepta AU y MP3, en versiones actuales del navegador o mediante plugins de uso general.  Su sintaxis general, con sus atributos más importantes, es del tipo: <bgsound src="ruta fichero" loop="l" balance="b" volumen="v"></bgsound>  La etiqueta bgsound admite muchas más propiedades (disabled, delay, id, class, controls, etc.). Asimismo, esta etiqueta es accesible en Internet Explorer mediante código Java Script, pudiendo modificar en tiempo real sus propiedades balance, loop, src, y volumen, aunque ésta última sólo es accesible en plataformas PC.
Donde:  ,[object Object]
loop="l" determina el número de veces (l) que se debe ejecutar el fichero de audio. Si le damos el valor infinite, el fichero 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 entre los dos altavoces.
volumen="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. ,[object Object]
En cambio, si usamos Netscape Navigator nos encontraremos en muchos casos con un fallo en la reproducción o con un engorroso mensaje de necesidad de algún plugin especial (sobre todo en las versiones 6x), lo que nos obligará a visitar la página de Netscape para su descarga e instalación, que muchas veces no será efectiva. Sea como sea, hay que indicar que esta etiqueta nos va a incluir en la página web un objeto especial, una especie de consola de mando, denominada Crescendo, que consta de tres botones, similares al de cualquier reproductor de audio: un botón Play, para comenzar la reproducción (si no está establecida a automática), un botón Pause, para detenerla momentáneamente y un botón Stop, para detenerla definitivamente (puesta a cero). Esta consola es diferente según el navegador usado; en el caso de Internet Explorer se muestra la típica consola de Windows Media, cuyo tamaño podemos configurar, mientras que en Netscape se muestra una consola propia, de tamaño fijo definido.
Sonido de Fondo Sonido de fondo Lo del sonido de fondo ya es más complicado, ya que Netscape y Explorer ofrecen soluciones propietarias, distintas e incompatibles de hacer sonar un archivo de fondo. En Explorer, desde la versión 2.0, se pueden incluir fondos sonoros utilizando la etiqueta BGSOUND: <BGSOUND SRC="musica.mid">  El parámetro SRC indicará el archivo a reproducir. Esta etiqueta admite también otro parámetro, LOOP, que indica el número de veces consecutivas que sonará el fichero. Si se indica LOOP="infinite", el archivo se reproducirá indefinidamente, mientras estemos en la página.

Mais conteúdo relacionado

Mais procurados

3p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica013p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica01guestd5974a6
 
Tutorial "Como hacer un álbum de fotos con música" con Powerpoint
 Tutorial "Como hacer un álbum de fotos con música" con Powerpoint Tutorial "Como hacer un álbum de fotos con música" con Powerpoint
Tutorial "Como hacer un álbum de fotos con música" con Powerpointmonisscf12
 
Subir archivos de audio a Blogger
Subir archivos de audio a BloggerSubir archivos de audio a Blogger
Subir archivos de audio a BloggerMarisa Elena Conde
 
Taller de movie maker live
Taller de movie maker liveTaller de movie maker live
Taller de movie maker livejerrymont
 
Tutorial de Edición de Vídeo con Windows Movie Maker
Tutorial de Edición de Vídeo con Windows Movie MakerTutorial de Edición de Vídeo con Windows Movie Maker
Tutorial de Edición de Vídeo con Windows Movie MakerDiego García Fabra
 
Guia instalación debian
Guia instalación debianGuia instalación debian
Guia instalación debianmarisolgomez90
 
Tutorial para editar videos con movie maker
Tutorial para editar videos con movie makerTutorial para editar videos con movie maker
Tutorial para editar videos con movie makeroscar lopez regalado
 
Colocar Sonidos En Un Blog
Colocar Sonidos En Un BlogColocar Sonidos En Un Blog
Colocar Sonidos En Un Blogeduflores
 
Repositorio de datos
Repositorio de datosRepositorio de datos
Repositorio de datosYOSMAR0508
 
Crear y editar video con las netbook
Crear y editar video con las netbookCrear y editar video con las netbook
Crear y editar video con las netbookverarex
 

Mais procurados (19)

Tutorial movie-maker
Tutorial movie-makerTutorial movie-maker
Tutorial movie-maker
 
3p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica013p 10cjm Millercuaran Programacion Practica01
3p 10cjm Millercuaran Programacion Practica01
 
Tutorial "Como hacer un álbum de fotos con música" con Powerpoint
 Tutorial "Como hacer un álbum de fotos con música" con Powerpoint Tutorial "Como hacer un álbum de fotos con música" con Powerpoint
Tutorial "Como hacer un álbum de fotos con música" con Powerpoint
 
ATIX02
ATIX02ATIX02
ATIX02
 
Subir archivos de audio a Blogger
Subir archivos de audio a BloggerSubir archivos de audio a Blogger
Subir archivos de audio a Blogger
 
Prueba
PruebaPrueba
Prueba
 
Video animoto actualizado
Video animoto actualizadoVideo animoto actualizado
Video animoto actualizado
 
ATIX02
ATIX02ATIX02
ATIX02
 
Taller de movie maker live
Taller de movie maker liveTaller de movie maker live
Taller de movie maker live
 
Tutorial de Edición de Vídeo con Windows Movie Maker
Tutorial de Edición de Vídeo con Windows Movie MakerTutorial de Edición de Vídeo con Windows Movie Maker
Tutorial de Edición de Vídeo con Windows Movie Maker
 
Guia instalación debian
Guia instalación debianGuia instalación debian
Guia instalación debian
 
Debian1
Debian1Debian1
Debian1
 
Tutorial para editar videos con movie maker
Tutorial para editar videos con movie makerTutorial para editar videos con movie maker
Tutorial para editar videos con movie maker
 
Colocar Sonidos En Un Blog
Colocar Sonidos En Un BlogColocar Sonidos En Un Blog
Colocar Sonidos En Un Blog
 
Repositorio de datos
Repositorio de datosRepositorio de datos
Repositorio de datos
 
Compu2
Compu2Compu2
Compu2
 
Tutorial movie maker
Tutorial movie makerTutorial movie maker
Tutorial movie maker
 
Crear y editar video con las netbook
Crear y editar video con las netbookCrear y editar video con las netbook
Crear y editar video con las netbook
 
Tutorial movie-maker
Tutorial movie-makerTutorial movie-maker
Tutorial movie-maker
 

Destaque

Phénoménologie expérientielle: une pratique concrète
Phénoménologie expérientielle: une pratique concrètePhénoménologie expérientielle: une pratique concrète
Phénoménologie expérientielle: une pratique concrèteAlice Mayeux
 
45869 180024 proponiendo un servicio
45869 180024 proponiendo un servicio45869 180024 proponiendo un servicio
45869 180024 proponiendo un servicioRino Zúñiga
 
Nuestro universo
Nuestro universoNuestro universo
Nuestro universoghost17ma
 
Buscadores
BuscadoresBuscadores
BuscadoresLetty
 
Tríptico y Gigantografía Campaña
Tríptico y Gigantografía Campaña Tríptico y Gigantografía Campaña
Tríptico y Gigantografía Campaña astuberrios
 
LUXEMBOURG CREATIVE 2015 : Création culturelle et tourisme
LUXEMBOURG CREATIVE 2015 : Création culturelle et tourismeLUXEMBOURG CREATIVE 2015 : Création culturelle et tourisme
LUXEMBOURG CREATIVE 2015 : Création culturelle et tourismeLUXEMBOURG CREATIVE
 
davask web limited - presentation - français
davask web limited - presentation - françaisdavask web limited - presentation - français
davask web limited - presentation - françaisdavask web ltd
 
Presentación la población hondureña y la visión de país
Presentación la población hondureña y la visión de paísPresentación la población hondureña y la visión de país
Presentación la población hondureña y la visión de paísMargarita Díaz
 
LT#11 ぼくたちにとってのプログラミング
LT#11 ぼくたちにとってのプログラミングLT#11 ぼくたちにとってのプログラミング
LT#11 ぼくたちにとってのプログラミングdo7be
 
Présentation assurances animaux.org
Présentation assurances animaux.orgPrésentation assurances animaux.org
Présentation assurances animaux.orgAnimauxSophie
 
Cahier n-3-all-def
Cahier n-3-all-defCahier n-3-all-def
Cahier n-3-all-defredoudou
 
¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...
¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...
¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...UNICEF Argentina
 
Scrum : les sujets qui fâchent
Scrum : les sujets qui fâchentScrum : les sujets qui fâchent
Scrum : les sujets qui fâchentBruno Borghi
 
Centro de computo
Centro de computo Centro de computo
Centro de computo Jorge Muñoz
 
GATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute Corse
GATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute CorseGATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute Corse
GATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute Corseivesister
 
Eclairage led des halls industriels
Eclairage led des halls industrielsEclairage led des halls industriels
Eclairage led des halls industrielsIHMEX Trading
 

Destaque (20)

Phénoménologie expérientielle: une pratique concrète
Phénoménologie expérientielle: une pratique concrètePhénoménologie expérientielle: une pratique concrète
Phénoménologie expérientielle: une pratique concrète
 
45869 180024 proponiendo un servicio
45869 180024 proponiendo un servicio45869 180024 proponiendo un servicio
45869 180024 proponiendo un servicio
 
Clase 1 2012
Clase 1 2012Clase 1 2012
Clase 1 2012
 
Nuestro universo
Nuestro universoNuestro universo
Nuestro universo
 
Buscadores
BuscadoresBuscadores
Buscadores
 
Tríptico y Gigantografía Campaña
Tríptico y Gigantografía Campaña Tríptico y Gigantografía Campaña
Tríptico y Gigantografía Campaña
 
LUXEMBOURG CREATIVE 2015 : Création culturelle et tourisme
LUXEMBOURG CREATIVE 2015 : Création culturelle et tourismeLUXEMBOURG CREATIVE 2015 : Création culturelle et tourisme
LUXEMBOURG CREATIVE 2015 : Création culturelle et tourisme
 
davask web limited - presentation - français
davask web limited - presentation - françaisdavask web limited - presentation - français
davask web limited - presentation - français
 
Presentación la población hondureña y la visión de país
Presentación la población hondureña y la visión de paísPresentación la población hondureña y la visión de país
Presentación la población hondureña y la visión de país
 
Juego Crash Drive 2
Juego Crash Drive 2Juego Crash Drive 2
Juego Crash Drive 2
 
Juego Gilera Runner
Juego Gilera RunnerJuego Gilera Runner
Juego Gilera Runner
 
LT#11 ぼくたちにとってのプログラミング
LT#11 ぼくたちにとってのプログラミングLT#11 ぼくたちにとってのプログラミング
LT#11 ぼくたちにとってのプログラミング
 
Présentation assurances animaux.org
Présentation assurances animaux.orgPrésentation assurances animaux.org
Présentation assurances animaux.org
 
Presentación de la materia 2012
Presentación de la materia 2012Presentación de la materia 2012
Presentación de la materia 2012
 
Cahier n-3-all-def
Cahier n-3-all-defCahier n-3-all-def
Cahier n-3-all-def
 
¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...
¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...
¿Como abordar el diagnóstico y análisis de la cultura en servicios perinatólo...
 
Scrum : les sujets qui fâchent
Scrum : les sujets qui fâchentScrum : les sujets qui fâchent
Scrum : les sujets qui fâchent
 
Centro de computo
Centro de computo Centro de computo
Centro de computo
 
GATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute Corse
GATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute CorseGATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute Corse
GATEPORT - Chambre de Commerce et d'Industrie de Bastia et de la Haute Corse
 
Eclairage led des halls industriels
Eclairage led des halls industrielsEclairage led des halls industriels
Eclairage led des halls industriels
 

Semelhante a Sonido y video en una pagina web

Semelhante a Sonido y video en una pagina web (20)

Adobre premier avanzado libro
Adobre premier  avanzado libroAdobre premier  avanzado libro
Adobre premier avanzado libro
 
Trabajo de computacion Que es embed
Trabajo de computacion Que es embedTrabajo de computacion Que es embed
Trabajo de computacion Que es embed
 
Fundamentos del vídeo para web
Fundamentos del vídeo para webFundamentos del vídeo para web
Fundamentos del vídeo para web
 
Mp3 Google
Mp3 GoogleMp3 Google
Mp3 Google
 
Las nuevas API de audio en HTML5
Las nuevas API de audio en HTML5Las nuevas API de audio en HTML5
Las nuevas API de audio en HTML5
 
Tutorial adobe-premiere-pro
Tutorial adobe-premiere-proTutorial adobe-premiere-pro
Tutorial adobe-premiere-pro
 
4. video y audio html5
4. video y audio html54. video y audio html5
4. video y audio html5
 
Codigo html
Codigo htmlCodigo html
Codigo html
 
Sesion Nº9 Marquesinas, Audio Y Video En La Web.
Sesion Nº9   Marquesinas, Audio Y Video En La Web.Sesion Nº9   Marquesinas, Audio Y Video En La Web.
Sesion Nº9 Marquesinas, Audio Y Video En La Web.
 
Utpl Utilidades
Utpl UtilidadesUtpl Utilidades
Utpl Utilidades
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
Manual sobre Edición de Vídeo con Kdenlive 2018
Manual sobre Edición de Vídeo con Kdenlive 2018Manual sobre Edición de Vídeo con Kdenlive 2018
Manual sobre Edición de Vídeo con Kdenlive 2018
 
30 Sonido
30 Sonido30 Sonido
30 Sonido
 
Losdelsur
LosdelsurLosdelsur
Losdelsur
 
Unidad 6
Unidad 6Unidad 6
Unidad 6
 
MEDIOS ALTERNATIVOS
MEDIOS ALTERNATIVOSMEDIOS ALTERNATIVOS
MEDIOS ALTERNATIVOS
 
Internet dj console manual
Internet dj console manualInternet dj console manual
Internet dj console manual
 
Internet
InternetInternet
Internet
 
Unidad 7.
Unidad 7.Unidad 7.
Unidad 7.
 
Unidad 7.
Unidad 7.Unidad 7.
Unidad 7.
 

Último

CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfNancyLoaa
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 

Último (20)

CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Cuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdfCuaderno de trabajo Matemática 3 tercer grado.pdf
Cuaderno de trabajo Matemática 3 tercer grado.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 

Sonido y video en una pagina web

  • 1. Sonido y Video en una pagina web
  • 2. Videos: Insertarlos y Controlarlos El formato de vídeo utilizado es el AVI de Windows, que como es sabido, incluye imágenes y sonido digitales.El mayor problema de los ficheros digitales de vídeo es el gran tamaño de los mismos, ya que en la práctica unos pocos segundos de vídeo con sonido puede representar un fichero de varios Mb (mega bytes), en realidad es como si se trataran dos ficheros separados, uno con el sonido y otro con las imágenes, pero sincronizados. No hay que confundir este formato AVI con el MPEG, que también puede integrar imágenes y sonido, aunque con un nivel de compresión diferente, y peor sincronización con el sonido. Habitualmente los ficheros .MPG se suelen encontrar sin sonido.
  • 3. Al utilizar estos videos en nuestra pagina debemos tener cuidado porque como se explico anteriormente son de gran tamaño, lo cual puede hacer que nuestra pagina se demore mucho en abrirse lo que puede ocasionar que el visitante se desesperé y se salga de nuestra pagina. Los conocimientos que teníamos hasta el momento no nos permitan manejar elementos de multimedia, solo nos permitían insertar imágenes, colocar un ancla, darle color al fondo,etc.
  • 4. Pero en estos momentos comenzaremos a manejar el concepto de multimedia y Plugins(Son programas que permiten tratar diversos tipos de ficheros, de esta forma podrá insertarse estos tipos de ficheros dentro de una página HTML, permitiendo mostrar vídeo en distintos formatos (MPEG, avi, mov), interpretar sonido, en varios formatos (au, mid,), incluir ficheros de Adobe Acrobat (pdf), mostrar ficheros VRML, etc... ). La etiqueta utilizada para insertar un video en tu WEB es EMBED> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene el video a insertar. EJEMPLO:&ltEMBED SRC="c:ariedadesideosraduweb.avi">
  • 5. ATRIBUTOS AUTOSTART: Este atributo posee dos valores posibles: TRUE y FALSE(por defecto). El primero sirve para que el video se cargue junto con la pagina, es decir, apenas se abre la pagina comienza a abrirse. El segundo valor es para que el visitante al hacer click sobre el video lo active.LOOP: Al ingles traduce lazo. Este atributo al igual que el anterior también posee dos valores: FALSE (por defecto) y TRUE, el primero hace que el video se repita una solo vez, y el segundo hace que el video se repita infinitas vecesHEIGHT y WIDTH: Estos atributos son utilizados para definir el alto y el ancho del video respectivamente. A la hora de utilizar estos valores se debemos tener mucho cuidado ya que si los valores no coinciden con los de las dimensiones del video este será recortadoALING: Este atributo no lo voy a explicar porque funciona igual que en las imágenes, no funciona sobre el video sino sobre su alineación con el texto en la pagina.
  • 6. Sonidos: Insertarlos Y Controlarlos Una página Web puede tener sonidos incorporados, bien sea como un fondo sonoro(se ejecuta automáticamente al cargar la página), o como una opción para que el visitante la active. El Internet Explorer está mejor adaptado para el sonido, pues a partir su versión 2.0 fue capaz de reproducir fondos sonoros sin necesidad de añadir nada, y no hay ninguna complicación con los servidores, como con el Netscape. Además, a partir su versión 3.0, es compatible con los plug-ins del Netscape. El archivo de sonido puede ser un MIDI(musical instrument digital interface) o un .WAV(wave form audio). Se utiliza la etiqueta &ltBGSOUND> acompañada de su atributo principal que es el SRC , Ej.: &ltBGSOUND SRC="Rutaonido.wav">
  • 7. Atributos LOOP Sirve para especificar el número (n) de veces que se debe ejecutar el fichero de sonido. Si se escoge el número n=-1 o se pone LOOP= infinite, el sonido se ejecutará indefinidamente. El valor por defecto de este es 1, es decir, se repite una sola vez. Si yo quiero que se repita infinito numero de veces se le coloca INFINITE.
  • 8. Controlar el sonido AUTOSTART: También posee los mismos valores que el anterior. Con e l TRUE arranca cuando se este cargando la pagina y con el FALSE no.VOLUME="n". Con esta directiva controlamos el volumen de sonido es un numero entero de 1 a 100.El valor por defecto de este atributo es 50.Pero este también se puede cambiar manualmente. WIDTH="n". Es el ancho en pixeles de la consola que aparece y que tiene diversas teclas, stop, play, etc.HEIGHT="n". Es el alto en pixeles de la consola que aparece. Dependiendo del plugin que se tenga tenemos el problema que las dimensiones de consola son diferentes por lo que habrá ocasiones en que se vean zonas en blanco.
  • 9. CONTROLS="smallconsole". Visualiza los controles para la reproducción.HIDDEN="true". Con este atributo ocultamos la consola, pero también se deben definir sus dimensiones.STARTTIME= mm:ss y ENDTIME= mm:ss Este atributo es utilizado para activar la consola después de cierto tiempo. mm son los minuto y ss son los segundo. Para que esto funcione se deben tener dos dígitos.
  • 10. Controlar un video Para controlar un video se deben usar los siguientes atributos: Autostart="xxx" Puedes usar true para que empieze a reproducir al cargar la página o false para tener que dar al play para empezar.Loop="xxx" Usa true para que al acabar vuelva a empezar, y false para que no lo haga.Hidden="false" Usa true para ocultar los botones, y false para que se muestren.Width="200" Ancho que ocupará (incluyendo controles)Height="200" Alto que ocupará (incluyendo controles)Un ejemplo:<embed src="archivos/mi_archivo.avi" loop=true autostart=false hidden=false width=400 height=200>El ordenador donde se vea la página debe tener instalado y configurado un reproductor, p. ej. el Windows Media Player, y el códec del archivo si corresponde.
  • 11. Pagina web : Conceptos Básicos Una página Web, también conocida como una página de Internet, es un documento electrónico adaptado para la Web, pero normalmente forma parte de un sitio Web. Su principal característica son los hipervínculos de una página, siendo esto el fundamento de la Web. Una página Web está compuesta principalmente por información (sólo texto o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para hacerla interactiva. Las páginas Web son escritas en un lenguaje de marcado que provea la capacidad de manejar e insertar hiperenlaces, generalmente HTML. El contenido de la página puede ser predeterminado ("página Web estática") o generado al momento de visualizarla o solicitarla a un servidor Web ("página Web dinámica").
  • 12. Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente Java Script, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor Web que alberga las mismas. Respecto a la estructura de las páginas Web, algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño, para así facilitar y simplificar la visualización e interpretación del contenido. Una página Web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, personas, etc. Así mismo, la nueva tendencia orienta a que las páginas Web no sean solo atractivas para los internautas, sino también optimizadas para buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.
  • 13. La 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. Es una etiqueta propietaria de Microsoft, por lo que sólo es interpretada por Internet Explorer, admitiendo los formatos de audio MID y WAV, aunque generalmente también acepta AU y MP3, en versiones actuales del navegador o mediante plugins de uso general. Su sintaxis general, con sus atributos más importantes, es del tipo: <bgsound src="ruta fichero" loop="l" balance="b" volumen="v"></bgsound> La etiqueta bgsound admite muchas más propiedades (disabled, delay, id, class, controls, etc.). Asimismo, esta etiqueta es accesible en Internet Explorer mediante código Java Script, pudiendo modificar en tiempo real sus propiedades balance, loop, src, y volumen, aunque ésta última sólo es accesible en plataformas PC.
  • 14.
  • 15. loop="l" determina el número de veces (l) que se debe ejecutar el fichero de audio. Si le damos el valor infinite, el fichero 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 entre los dos altavoces.
  • 16.
  • 17. En cambio, si usamos Netscape Navigator nos encontraremos en muchos casos con un fallo en la reproducción o con un engorroso mensaje de necesidad de algún plugin especial (sobre todo en las versiones 6x), lo que nos obligará a visitar la página de Netscape para su descarga e instalación, que muchas veces no será efectiva. Sea como sea, hay que indicar que esta etiqueta nos va a incluir en la página web un objeto especial, una especie de consola de mando, denominada Crescendo, que consta de tres botones, similares al de cualquier reproductor de audio: un botón Play, para comenzar la reproducción (si no está establecida a automática), un botón Pause, para detenerla momentáneamente y un botón Stop, para detenerla definitivamente (puesta a cero). Esta consola es diferente según el navegador usado; en el caso de Internet Explorer se muestra la típica consola de Windows Media, cuyo tamaño podemos configurar, mientras que en Netscape se muestra una consola propia, de tamaño fijo definido.
  • 18. Sonido de Fondo Sonido de fondo Lo del sonido de fondo ya es más complicado, ya que Netscape y Explorer ofrecen soluciones propietarias, distintas e incompatibles de hacer sonar un archivo de fondo. En Explorer, desde la versión 2.0, se pueden incluir fondos sonoros utilizando la etiqueta BGSOUND: <BGSOUND SRC="musica.mid"> El parámetro SRC indicará el archivo a reproducir. Esta etiqueta admite también otro parámetro, LOOP, que indica el número de veces consecutivas que sonará el fichero. Si se indica LOOP="infinite", el archivo se reproducirá indefinidamente, mientras estemos en la página.
  • 19. Netscape utiliza su etiqueta <EMBED>. Teóricamente, esta etiqueta debería servir para unir objetos de varios tipos a la página web, pero en la práctica sólo se utiliza para esto. Esta etiqueta tiene los siguiente parámetros: