Translate

martes, 12 de diciembre de 2017

Intercomunicador modular para auriculares


Este es un intercomunicador modular para auriculares del tipo “todos hablan y escuchan”. Es muy apropiado para un sistema de comunicación entre camarógrafos de un pequeño estudio de televisión. Ideal para nuestra aula de Sistemas Audiovisuales. En la televisión profesional, el Realizador que se encuentra en la sala de control debe dar continuamente indicaciones a los camarógrafos sobre los planos y los movimientos de las telecámaras. Por lo tanto, es fundamental que la comunicación se pueda hacer simultáneamente entre todos sin necesidad de apretar ningún pulsador y que el sistema sea simple de construir y de usar.

Es circuito es modular y permite conectar dos o más auriculares con micrófono entre si. A cada módulo se puede conectar un solo auricular y por lo tanto será necesario construir tantos módulos como auriculares deseemos usar. Podemos agregar posteriormente nuevos módulos con auriculares conectándolos simplemente al cable principal sin necesidad de modificaciones al sistema ya existente. Todos los módulos se conectan en paralelo entre si.

Circuito Electrico

En la figura podemos ver el circuito electrónico de un módulo que usa el conocido circuito integrado LM358. Este integrado contiene dos amplificadores operacionales para uso general. Uno de ellos sirve para amplificar la señal del micrófono mientras que el segundo, junto con los transistores BC327 y BC337 son un pequeño amplificador audio de baja potencia para auriculares con control de volumen. El amplificador operacional del micrófono usa la clásica configuración llamada “inversora” porque la señal del micrófono entra al operacional por la entrada inversora mientras que la no inversora se encuentra conectada a una masa virtual de 4,5 voltios.

Lista de componentes

  • 2 resistencias de 3,3 ohms 1/4 Watt
  • 1 resistencia de 1K 1/4 Watt
  • 4 resistencias de 4,7K 1/4 Watt
  • 3 resistencias de 10K 1/4 Watt
  • 1 resistencia de 150K 1/4 Watt
  • 1 resistencia de 330K 1/4 Watt
  • 1 potenciómetro 10K logarítmico
  • 2 capacitores de 100nF
  • 5 capacitores electrolíticos de 22uF de 16V o 25V
  • 1 diodo 1N4005 o 1N4006 o 1N4007
  • 2 diodos 1N4148
  • 1 diodo led 3 mm
  • 1 transistor BC337
  • 1 transistor BC327
  • 1 circuito integrado LM358
  • 1 zócalo circuito integrado DIP 8 pins
  • 2 (o 3 en base a la versión) conectores de 3 vias

Circuito impreso

Informacion

lunes, 1 de mayo de 2017

Galería de vídeos con servidor apache2 en Lubuntu 16.04

Necesitamos las siguientes aplicaciones web:
  • Joomla es un Sistema de gestión de contenidos o CMS, Content Management System, que permite desarrollar sitios web dinámicos e interactivos. Permite crear, modificar o eliminar contenido de un sitio web de manera sencilla a través de un Panel de Administración. Es un software de código abierto, desarrollado en PHP y liberado bajo licencia GPL. Este administrador de contenidos puede utilizarse en una PC local (en Localhost), en una Intranet o a través de Internet y requiere para su funcionamiento una base de datos creada con un gestor de bases de datos (MySQL es lo más habitual), así como de un Servidor HTTP Apache
    Joomla es una pronunciación fonética para anglófonos de la palabra swahili “jumla”, que significa “todos juntos” o “como un todo”. Se escogió como una reflexión del compromiso del grupo de desarrolladores y la comunidad del proyecto.
  • allvideoshare es un reproductor de Vídeo y Galería de Vídeo para Joomla!

1 - Instalar Joomla

* Es necesario tener instalado el servidor LAMP.

Bajar el paquete Joomla del Repositorio.

Vamos a activar SSL y PHP 7.
Abrir un terminal.
sudo /etc/init.d/apache2 restart
sudo a2enmod ssl
sudo /etc/init.d/apache2 restart
sudo a2dismod php5.6
sudo a2enmod php7.0
sudo /etc/init.d/apache2 restart
Ahora vamos a bajar el paquete Joomla del repositorio y lo descomprimimos en la carpeta /var/www/thml/Joomla
sudo mkdir /var/www/html/Joomla
cd /var/www/html/Joomla
sudo wget http://www.mediafire.com/file/tw8scz8fe2lf14e/Joomla_3.6.2-Stable-Full_Package.zip
sudo unzip Joomla_3.6.2-Stable-Full_Package.zip
sudo rm Joomla_3.6.2-Stable-Full_Package.zip
sudo chown -Rv www-data:www-data /var/www/html/Joomla
sudo /etc/init.d/apache2 restart

Instalar Joomla en el Servidor LAMP.

Abrir una pestaña en el navegador web y pegar la siguiente ULR en la barra de navegación.
http://localhost/Joomla

Configuración

Aquí rellenamos los campos de:
  • Seleccionar Idioma
  • Nombre de nuestro sitio web,
  • e-mail del administrador,
  • el usuario, que en nuestro ejemplo es admin
  • y la contraseña
 Pulsamos en siguiente y vemos la base de datos

Base de Datos

Aquí rellenamos los campos que se indican:
  • En Tipo de Base de datos, seleccionamos MySQLi
  • En usuario, para nuestro ejemplo, ponemos root.
  • En contraseña, para nuestro ejemplo, tambien ponemos root
  • En nombre de la base de datos, para nuestro ejemplo, ponemos videossss
  • Y en el proceso para una base de datos antigua, ponemos Borrar

Pulsamos en siguiente y vemos la ventana Visión general

Visión general

Aquí seleccionamos:
  • Datos se ejemplo tipo folleto en inglés (GB)

Pusamos en Instalar y aparece la siguiente ventana

Instalación

Aquí tenemos que eliminar la carpeta de instalación pulsando en

Eliminar la carpeta de instalación
 

Y ya hemos terminado nuestra instalacion de Joomla.


Cambiar el idioma en Joomla

Abrir una pestaña en el navegador web y pegar la siguiente dirección web.
http://localhost/Joomla/administrator

Entrar en Joomla como super usuario

Cambiar el idioma




Una vez dentro vamos a cambiar el idioma de Inglés a Español en el menú de:
Extensions > Manage > Install Languajes 



Y vemos la siguiente ventana, aquí buscamos, seleccionamos e instalamos el idioma Spanish

 Ahora vamos a cambiar el idioma predeterminado en Ingles por el Español en el menu de Extensions > Languaje(s) > Installed


 Y vemos la siguiente ventana, aquí seleccionamos Aministrator



Y para finalizar seleccionanos la estrellita en la columna default para el idioma español y después pinchamos en Install Languajes


2 - Instalar allvideoshare

Descargar la galería de videos allvideoshare del repositorio
http://www.mediafire.com/file/tqi6qch3ujyt79n/com_allvideoshare_2.3.0.zip

Instalar el componente alvideoshare

 Vamos a instalar el componente allvideoshare en el menu de Extensiones > Gestionar > Instalar

En la pestaña de “Subir archivo de paquete” pincha en Examinar  

y busca el fichero que acabas de descargar


Ahora pinchas en Subir e Instalar

Subir videos a la galeria allvideoshare.

Ir a > Componentes > All Video Share y pinchar en Categories

 Y creas varias categorias, por ejemplo Ciencia, Arte, Películas

 Ahora Ir a > Componentes > All Video Share y pinchar en Videos
  En esta ventana se gestiona las subidas y enlaces de vídeos.
Para comenzar pulsa en la pestaña new (de color verde)
Para que nuestra galería de vídeos no se vea “cutre”, tendríamos que subir y/o enlazar un mínimo de diez vídeos.

Configurar el Player

Ir a > Componentes > All Video Share y pinchar en General Configuration

Y vemos la siguiente ventana 
Aquí seleccionamos la pestaña Video Page Settings

 
Y vemos la siguiente ventana 

Aquí seleccionamos en:
  • Layout Type > Player With Related Videos Only
  • Show Video Title > Yes
  • Show Video Description > Yes
  • Show Category Name > Yes
  • Show View Count > Yes
  • Show Search Box > Yes

 Y ahora selccionamos la pestaña Fron-End User Settings y vemos la siguiente imagen.

Aquí seleccionamos en:
  • Auto Approve User Added Videos > Yes
  • Allow users to add Youtube Videos > Yes
  • Allow users to add RTMP Videos > Yes
  • Allow users to add Lighttpd Videos > Yes
  • Allow users to add Highwinds Videos > Yes
  • Allow users to add Bitgravity Videos > Yes

Asociar la galería allvideoshare en Home

Entramos como administrador de Joomla.

Y vamos a > Menús > Main Menu

 Y vemos la siguiente ventana, aquí vamos a pinchar en Home



Y vemos la siguiente ventana, aqui pinchamos en seleccionar

Y aparece la siguiente ventana, aquí seleccionamos en el menu  
All Video Share > Videos Layout


Y aparece la siguiente ventana


Aquí rellenamos los siguientes campos:

 Select a Video > Elegimos un vídeo de nuestra galeria para la presentación



  Order By > Elegimos modo Random 














 Estado > Seleccionamos Publicado














Situar los módulos Allvideoshare en la página Home

Vamos a Extensiones > Módulos


Y aparece la siguiente ventana
 Aquí pinchamos en All Video Share Gallery

y aparece la siguiente imagen
 Aquí seleccionamos en:
Select Category > Display All Categories
Order By >
Random Videos

En el lado derecho de la ventana seleccionamos en:
Posición > Position-7
Estado > Publicado

Ahora seleccionamos la pestaña de Asignación de menú
y vemos la siguiente imagen

Aquí seleccionamos en:
Asignación de modulo > En todas la paginas menos
En Main Menu > Dejar sin seleccionar a Home, Site Settings y Template Settings

Guardamos y vemos la siguiente imagen.


Aquí pinchamos en Side Module y vemos la siguiente imagen
Seleccionamos la pestaña Asignación de menú y vemos la siguiente imagen

Aquí seleccionamos en:
Asignación de modulo > Solo en las paginas seleccionadas
En Main Menu > Dejar sin seleccionar a Home, Site Settings y Template Settings

Guardamos y vemos la siguiente imagen.
 Aquí pinchamos en Login Form



 y vemos la siguiente imagen
 Seleccionamos la pestaña Asignación de menú

y vemos la siguiente imagen

Aquí seleccionamos en:
Asignación de modulo > Solo en las paginas seleccionadas
En Main Menu > Dejar sin seleccionar a Home, Site Settings y Template Settings

3 - Así se ve nuestra página Home

Abrir una pestaña en el navegador web y pegar la siguiente dirección.
http://localhost/Joomla
Vemos una imagen parecida a esta:


Enjoy!
Ya puedes disfrutar de tus galerías de vídeos
Publicado por:
Juan Carlos Ballesteros

Enlaces relacionados

En este link puedes encontrar muchos temas para configurar tu CMS Joomla.
Temas para Joomla



jueves, 9 de marzo de 2017

Agregar subtítulos a videos HTML5

Hasta el momento la única solución para la subtitulación de vídeo en la Web era la inserción de éstos en el propio canal de vídeo o bien utilizar plug-ins externos para mostrar el vídeo y los subtítulos.
HTML5 nos proporciona la capacidad de ejecutar vídeo sin la necesidad de dichos plug-in externos.
Con la introducción de los elementos <video> y <audio> a HTML5, finalmente obtuvimos una manera nativa para agregar vídeo y audio a nuestros sitios web. También tenemos APIs JavaScript que nos permite interactuar con este contenido multimedia en diferentes forma
HTML5 también nos proporciona una forma nativa de hacer nuestro contenido multimedia más accesible agregando subtítulos y leyendas mediante el elemento <track>, para más información mira en la dirección de W3C, video element is used for playing videos or movies.

Ejemplo de un reproductor de vídeo en HTML5

Este ejemplo utiliza la película abierta Sintel, creada por Blender Foundation.
A continuación se muestra el código de inserción de un vídeo en HTML5, incluyendo el conjunto de controles de reproducción y visualización.
<html>
<head>
    <meta charset="utf-8" />
    <title>Vídeo WebVTT</title>
</head>
<body>
    <h2>Sintel.2010.1080p</h2>
    <video controls>
        <source src="http://www.mediafire.com/download/w7fivcdsfdnin5r/Sintel.2010.1080p.mp4" width="310" height="150" type="video/mp4">
        <track label="Subtítulos en español" kind="subtitles" srclang="es"
       src="sintel_es.vtt" default>
    </video>
</body>
</html>
Copia y pega el código con un editor de texto, guarda el achivo como index.html en la carpeta raiz de tu servidor web.
En Ubuntu 10.04 la carpeta raiz esta en:
/var/www/
En ubuntu 14.04 y 16.04, la carpeta raiz esta en:
/var/www/html/ 
Abres con un navegador web, escribes localhost en la barra de direcciones y a continuación verás el reproductor de vídeo como el de este ejemplo.

Vídeo WebVTT

Sintel.2010.1080p


Reducir ancho del video

Para reducir el ancho del video, hay que sustituir la linea <video controls> por la línea que vemos a continuación.
<video controls width="620" height="265">
  • Nota: Esta pequeña mejora ha sido publicada por Adrex

Añadir el subtítulo al vídeo de ejemplo

  • Baja el subtitulo de este link: sintel_es.vtt
  • Copia sintel_es.vtt en la misma carpeta donde guardaste index.html
  • Abres con un navegador web, escribes localhost en la barra de direcciones y podrás ver el vídeo con los subtítulos.

Leyendas vs. subtítulos

Las leyendas y los subtítulos no son lo mismo: ambos tienen significativamente diferentes audiencias y transmiten diferente información y recomendamos que investigues acerca de las diferencias si no estás seguro de lo que son. Sin embargo, técnicamente se implementan de la misma manera, por eso el material en este artículo aplica para ambos.

El elemento <track>

HTML5 nos permite especificar las leyendas para un video utilizando Web Video Text Tracks (WebVTT) (Pistas de Texto de Vídeos Web). en nuestro ejemplo el código es el siguiente:
<track label="Subtítulos en español" kind="subtitles" srclang="es" src="sintel_es.vtt" default>

Los atributos de la etiqueta <track>

  • label El título que identificará la pista de texto, por ejemplo en el menú de selección de subtítulos.
  • kind: Identifica el tipo de archivo VTT de que se trata
  1. captions: Títulos o leyendas, pueden contener además de textos, efectos de sonido y audio 
  2. chapters: (capítulos) Indica que el recurso contenido en src contiene información para navegación en el vídeo 
  3. descriptions: (descripciones)indica que el contenido en src contiene texto que será mostrado cuando no esté disponible el componente de vídeo
  4. metadata: Metadatos de diferente tipo, contenidos en src
  5. subtitles: Subtítulos de texto
  • src Es el atributo HTML que apunta al archivo VTT que contiene los subtítulos u otros.
  • default Si alguna pista de texto lo contiene, esa será la pista mostrada por defecto.

Simple SubRip to WebVTT Converter

Proveedores de vídeos como Blender Foundation proveen leyendas y subtítulos en formato de texto con sus vídeos, pero generalmente están en el formato SubRip (SRT). Estos pueden ser convertidos fácilmente a WebVTT utilizando un convertidor online como el Simple SubRip to WebVTT converter.
 

Validaciones de archivos VTT

Para garantizar que nuestros archivos VTT son coherentes con las normas estándar utilizamos el validador recomendado por la fundación Mozilla es el Live WebVTT Validator

Informacion relacionada

https://msdn.microsoft.com/es-es/library/dn175736.aspx
https://www.mozilla-hispano.org/agregar-leyendas-y-subtitulos-a-videos-html5/
http://anavallasuiza.com/share/presentations/html5e/
http://anavallasuiza.com/share/presentations/popcorn/#almost-finished
https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement
http://www.elated.com/articles/7-lovely-things-about-html5-markup
http://www.debray-jerome.fr/outils/Generateur-de-multi-colonnes-en-css3.html
http://www.css3.me/













Trascodificador multimedia Curlew

Curlew es una aplicación sencilla, libre y de código abierto, para convertir archivos multimedia en Linux. 
Está implementada en Python y GTK3, y dependen de ffmpeg/avconv y mencoder. 
Entre las principales características de esta aplicación se pueden destacar las siguientes: 


  • Interfaz simple y sencillo
  • Las opciones avanzadas están ocultas pudiendo desplegarlas en caso necesario.
  • Permite convertir entre mas de cien formatos distintos. También te permite extraer sonido de un vídeo, con tan solo seleccionar el formato de audio deseado.
  • Muestra información de la conversión, como puede ser la duración, tiempo restante, tamaño estimado, progreso de la conversión, etc.
  • Permite borrar el archivo durante el proceso de conversión.
  • Permite previsualizar el archivo antes de la conversión.
  • Puedes convertir solo una parte del archivo multimedia.
  • Permite combinar el archivo de subtítulo con el vídeo.
  • En caso de error mostrará los detalles del mismo.

Instalación

Para instalar este conversor en tu equipo, introduce los siguientes comandos en la terminal:
sudo add-apt-repository ppa:noobslab/apps
sudo apt-get update
sudo apt-get install curlew

Información

Renderizar un proyecto de vídeo con Cinelerra GG 5.1

En este apartado tratamos el tema de como renderizar un proyecto de vídeo o un clip de vídeo.

Pasos a seguir

Después de tener un proyecto de vídeo terminado, hay que renderizarlo (transcodificarlo) en un clip de vídeo final, cinelerra dispone de varias opciones, veamos la recomendación de calidad standar.
  • En el menú de Cinelerra ir a Renderizar
  •  Se abrirá la siguiente ventana en la que puedes elegir el formato de vídeo y audio para renderizar.
  • Después de elegir el formato que quieres, tienes que colocar los valores de Compresión y Tasa de bits pulsando en el icono con forma de llave inglesa
    y aparecerán la siguientes ventanas, para Audio y para Vídeo.
  • Aquí puedes poner los valores recomendados en la siguiente tabla:

Recomendaciones de renderizado para Cinelerra GG 5.1 con vídeos HD 1920x1080

Formato de videoContenedorCompresión videoTasa bits VideoPreset de AudioTasa bits AudioUso
FFMPEG
clipvideo.qt
qt
(QuickTime)
mp4.qt
MPEG-4 Video
min - 8200Kbs
max - 45000Kbs
mp4.qt
MPEG-4 AAC
120KbsEdición
Internet
Reproducción
FFMPEG
clipvideo.qt
qt
(QuickTime)
raw_uyvy422.qt
Uncompressed YUV
N/D ima4.qt
ADPCM
N/DEdición
FFMPEG
clipvideo.dvd
dvd
(MPEG-2
System Stream)
dvd.dvd
MPEG-4 Video
min - 8000Kbs
max - 9000Kbs
dvd.dvd
DVD AC-3
(ATSC A/52)
120Kbs      DVD
FFMPEG
clipvideo.m2ts
m2ts
(MPEG-2
Transport Stream)
bluray.m2ts
H264
min - 8800Kbs
max - 45000Kbs
bluray.m2ts
AC-3
(ATSC A/52)
120Kbs  Blu-ray Disc
FFMPEG
clipvideo.mp4
mp4
(QuickTime)
h264.mp4
H.264
min - 6800Kbs
max - 107000Kbs
h265.mp4
MPEG-4 AAC
120KbsEdición
Internet
Reproducción
FFMPEG
clipvideo.mkv
mkv
(Matroska)
u2b.mkv
H.264
fija - 31823Kbs u2b.mkv
Vorbis
120KbsInternet
Reproducción
OGG Theora / Vorbis
clipvideo.ogv
ogg
(Theora / Vorbis)
Theora min - 41
8200Kbs
max - 63
45000Kbs
Vorbis120KbsInternet
Reproducción
  • Para mas información información pincha quí –» Recomendaciones de codificación H.264
    Publicado por Juan Carlos Ballesteros.
    Profesor de Sistemas Audiovisuales
    IES Palomeras-Vallecas