HTML5: Video convertidors

http://www.w3.org/Style/CSS/

HTML5: Formats de video

Una de les avantatges de HTML5 i CSS3 es que estandarditza els formats, una mica, i permet la gestió de vídeos sense complicar massa la programació.

Malgrat això moltes vegades ens cal preparar-ho en diversos formats i aquí es on entren les eines de conversió. De les que he provat jo em quedo amb les 2 següents:

Eina	Funcionalitat
HandBrake	Gratuïta. Open Source. Eina gràfica molt fàcil de utilitzar. La que he provat es la versió HandBrake-0.9.9-1 sobre Windows Contra: No admet tots els formats possibles.
FFmpeg	La meva favorita. Gratuita. Publicada sota GNU. Eina que permet la majoria de conversions.  Utilitza diverses llibreries que li permeten fer-ho. Contra: Si no ets programador... no vinguis. Es una eina que funciona amb línia de comandes "Command line". Permet fer coses increïbles com canviar de format: ffmpeg -i MP4_origen.mp4 webm_desti.webm Extreure DVD a mp4: ffmpeg -i D:\VIDEO_TS\EXAMPLE.vob -c:a libmp3lame "C:\Carpeta amb espais\EXEMPLE.mp4" O rotar un vídeo: ffmpeg -i "C:\La meva carpeta\origen.mp4"  -vf "transpose=dir=1:passthrough=portrait"  "C:\La meva carpeta\GIRAT_90graus.mp4"
VLC	El famós Video Player també permet gravació, tot i que durant les proves (versió 2.1.3) a mi no m'ha funcionat correctament.
	Altres eines disponibles, encara que no son totalment gratuïtes o tenen avisos, etc... Una bona comparativa la pots trobar a: Wikipedia - Comparativa de editors

Enllaços relacionats:

• FFmpeg
• HandBrake
• VLC
• Wikipedia - Comparativa de editors
• CSS Tricks
• CSS3 Forçar el tamany del contenidor DIV

Com actualitzar un controlador: Exemple Video Driver Update

Placa mare

Actualització de drivers de video

En alguns casos, sobretot en manteniment d'equips vells, pot succeir que el driver no sigui natiu i per defecte esculli un bàsic que si que estigui certificat.
En alguns casos, el driver més actual no funciona correctament sobre el Hardware antic.
Això es força molest en el cas del driver de vídeo on sense el natiu, costa molt accedir als missatges informatius, o llegir els logs.

Una opció per resoldre drivers de video.

El primer problema es trobar el driver compatible, antic o no, del fabricant. Sense això poca cosa podrem fer.

Pas	Acció
Obtenir un cmd d'administrador	Botó Inici. Buscar "cmd". Quan es visualitzi: Amb botó dret "Executar com Administrador"
Obtenir la propietat del driver	takeown /f c:\windows\system32\drivers\vgapnp.sys
Canviar els permisos del driver al usuari admin-user que especifiquem.	cacls c:\windows\system32\drivers\vgapnp.sys /G admin-user:F
Modificar el fitxer amb notepad per que no sigui llegible.	Per exemple afegir una 'x' al inici. xMZ
Desinstal·lar el driver a "Device Manager"	Demanarà un reinici. Indicarà amb un missatge que no s'ha pogut carregar el dispositiu correctament.
Desprès del reinici: Instal·lar la actualització.	Tornar a "Device Manager" Buscar el driver (Video Controller, per exemple) Actualitzar amb la nova versió buscant la versió on la tens preparada ("Browse for the Driver").
Recuperar el driver per defecte.	Retirar la x del fitxer c:\windows\system32\drivers\vgapnp.sys
Recuperar permisos del fitxer	Comparar amb qualsevol altre fitxer de drivers. Afegir si cal "NT SERVICE\TrustedInstaller"

AMI BIOS (American Megatrends): Les tecles de arranc

AMI - American Megatrends

Una dels primers passos quan s'estandaritza un nou Hardware es preparar maquetes i adaptar les guies de desplegament.

El primer pas es accedir a la BIOS, i aquí cada equip te una forma de fer-ho.

Als següents links trobareu informació d'una de les més esteses: American Megatrends. En aquests cas, per exemple:

Tecla	Funcionalitat
DEL key	BIOS SetUp
F11	Source Boot Selection

Enllaços relacionats:

• American Megatrends
• PCSupport About.com
• Home Computer Support.org

CSS3: Forçar el tamany del contenidor DIV al tamany dels DIV continguts.

http://www.w3.org/Style/CSS/

CSS3: Forçar el tamany DIV automáticament. 

Un dels problemes que tothom es troba al treballar amb DIV enlloc de taules TABLE es que al insertar una imatge aquesta pot desbordar el tamany del propi contenidor DIV.

El problema amb DIV incrustats

Veiem un exemple extret de PageAffairs i de Swiftthemes on esta molt ben explicat:

Comportament per defecte	Que volem
from Swiftthemes.com	from Swiftthemes.com

CSS - Part 1

La solució prové d'incloure en CSS un style i afegir-ho als contenidors afectats. Veiem com funciona:

/* FIX to increase container size to the internal DIV size and avoid image floating outside the container DIV */

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END FIX */



:after indica que s'aplicarà desprès de la resta de elements.

HTML - Part 2

Als contenidors cal incloure:

<div id="main_container">
 <div id="foto">
    <img src="IMATGE_ENORME.png" height="233" width="320"/>
 </div>
 Text petit.<br>
 <div class="clearfix"></div>
</div>



Enllaços relacionats:

• PageAffairs
• SwiftThemes
• CSS Video Tricks