Autor Tema: AVANZADO - Webm's Explicación Completa.  (Leído 2005 veces)

0 Usuarios y 2 Visitantes están viendo este tema.

xBʟᴜᴇ

  • I feel blue~
  • Usuario de honor
  • Pokéxperto Omega
  • *
  • Mensajes: 11365
  • Karma: +29/-11
    • Ver Perfil

  • Total Badges: 44
    Badges: (View All)
    Décimo aniversario Noveno aniversario Nivel 7
AVANZADO - Webm's Explicación Completa.
« en: 25 de Octubre de 2014, 01:27:45 am »
Hola, bueno como tenia algo de tiempo libre y he hecho una misma guia en ingles para otro lado he decidido hacer una para Pokexperto sobre los "webm's".

Muchos de vosotros que frecuentais websites como - "FunnyJunk,Reddit,4Chan" ya sabreis lo que es el formato Webm y que ha revolucionado todo lo relacionado con "Gifs y Videos", para explicarlo de una forma correcta cubrire todo esto en varias preguntas/respuestas y despues una explicacion de como crear y subir un webm.

¿Que es un "WebM"?

Estos son varios ejemplos de Webm's: (Haced Click en las imagenes)

Spoiler: mostrar



— Webm es un formato fusionado de "Video y Gif/ Audio+Imagen" que utiliza un tamaño muchisimo más pequeño y que no carga al instante la pagina en la que se exponen varios de ellos, a diferencia de los Gifs.

Además Soporta 60fps como podreis observar en este ejemplo -> Dance


El Formato WebM se compone de audio formateado en .ogg el cual es promocionado por Vorbis Audio Compression y Video Codec VP8 con la estructura basada en .MKV(Matroska) que muchos reconocereis de episodios Anime.

El Codec VP8 de compresion es un muy eficiente metodo de compresion que fue desenvuelto por On2 Technologies, La cual Google compro en Febrero del 2010 y lo que quiere decir que ya viene por defecto en sus motores de busqueda como "Google Chrome" y "Firefox" tambien dispone de el.

La razon por cual en vez de un Gif querrias hacer un webm es por que te deja subir muchisimos mas segundos sin que pese tanto, un ejemplo claro es el siguiente.

En un lado tengo un video el cual esta hecho en .avi codec Lagarith el cual es el formato "raw" "Uncompressed" quiere decir que es la calidad original sin comprimir.

Tamaño: 1000 x 562

Luego he utilizado GifCam (Hice un tutorial sobre esto aquí) y he hecho un tipico Gif.

Y en el otro caso cogi el video y lo comprimi en formato webm

El resultado fue el siguiente:



Tamaño del Video sin comprimir: 176,366 KB - 172 MB

Spoiler: mostrar


Tamaño del Gif con calidad pesima: 70,896 KB - 69 MB <- Apocalipse para el foro.
Spoiler: mostrar

Tamaño del Webm con calidad perfecta:
3,978 KB - 3.88 MB!
Spoiler: mostrar
Todo esta hecho del mismo tamaño a parte del Gif que tiene un tamaño menor por que si no Gif cam no funcionaba.

Tamaño video: 1000 x 562
Tamaño Webm: 1000 x 562
Tamaño Gif: 954x535
Duracion de todo 30 segundos.

Screenshot Comparison Webm vs Gif

http://screenshotcomparison.com/comparison/97210


Como podemos ver el tamaño del webm es muchisimo menor, y no solo eso si no que incluso no contiene audio, con Audio podria haber subido un poco más.

No solo eso, si no que podriamos hacer uno más grande y seguir teniendo un peso increiblemente más pequeño.

Hay que tener en cuenta que no se le ha sumado ni audio, ni un tamaño más grande incluso.

Pero aún así estamos hablando de solo

Webm todavia no esta disponibles en foros SMF solo algunas sites los tienen disponibles, Para que pudiera estar disponible en SMF tendrian que reencodear su sistema con HTML5 o parecido. (Creo)

En todo caso de momento solo websites como "FunnyJunk", y "4Chan" admiten Webm's pero ya es algo bastante popular aquí os dejo algunas sites para que podais subir vuestros Webms

http://webmup.com/
http://webmshare.com/
http://www.webm.cc/
¿Como Crear un Webm"?
Metodo 1 - Avanzado

Para crear un webm vamos a necesitar lo siguiente:Si no teneiais ya el CCCP instaladlo lo primero, Lo siguiente sera encontrar un video que os guste y grabarlo o descargarlo y importarlo a HandBrake y utilizar la parte de "Frames" en vez de Chapters.

Es muy sencillo así que no hare tutorial para ver que frames son los que necesitais abrid el video en Media Player Classic y id a Navigation/Goto y os saldra esto.


Bien lo importante es lo que esta en el seegundo recuadro, el "111" ahi es donde estaran vuestros frames. Id al punto desde donde quereis comenzar a grabar la parte que os interesa y luego al final de la misma.

Por ejemplo: 111 - 200 grabara desde el frame 111 al 200.

Una vez lo tengais hecho elegis Mi Preset que obviamente teneis que importar previamente a HandBrake.

Una vez Hecho tendreis un video corto de la parte que quereis hacer un webm. Bien ahora descomprimis la carpeta ffmpeg y poneis el video dentro de la carpeta "Bin" despues abris el "ff prompt"

y os saldra esto.



Aquí, cogeis y poneis esta linea si quereis un webm sin sonido:

Código: [Seleccionar]
ffmpeg -i nombreyformatodetuvideo.mp4 -codec:v libvpx -quality best -cpu-used 0 -b:v 500k -qmin 10 -qmax 42 -maxrate 500k -bufsize 1000k -threads 4 -vf scale=-1:480 -codec:a libvorbis -b:a 128k -an nombredelvideoconvertidoawebm.webm
Y esta otra si lo quereis con sonido:

Código: [Seleccionar]
ffmpeg -i nombreyformatodetuvideo.mp4 -codec:v libvpx -b:v 2M nombredelvideoconvertidoawebm.webm
Una vez hecho deberiais de tener un webm perfecto, obviamente hay filtros y cosas más avanzadas para hacerlo aqui teneis una guia completa.

http://trac.ffmpeg.org/wiki/Encode/VP8


WebmCam

Tambien existe un WebCam que es muchisimo más facil de usar y funciona como el GifCam lo podeis descargar de aquí:

https://github.com/TheTarkus/WebMCam/



Conversores
Con un poco de suerte SMF saca adelante la posibilidad de hacer embedded de WebM's como:
Código: [Seleccionar]
<video width="1000" height="562" preload controls    ><source src="http://s1.webmshare.com/V6L1z.webm"/></video>

Congratz si has leido todo esto aquí tienes un premio:


« Última modificación: 25 de Octubre de 2014, 02:46:31 am por xBʟᴜᴇ »




Ghaddar

  • Ingeniero Pokémon
  • **
  • Mensajes: 1785
  • Karma: +2/-0
  • ゴゴゴゴゴゴゴゴゴ
    • Ver Perfil
  • FC - 3DS: 3282-4004-6254

  • Total Badges: 36
    Badges: (View All)
    Octavo aniversario Usuario de Linux Séptimo aniversario
Re:AVANZADO - Webm's Explicación Completa.
« Respuesta #1 en: 25 de Octubre de 2014, 06:12:59 am »
Congratz si has leido todo esto aquí tienes un premio:

://///////////////


The deconstruction and reassembly of cultural tropes from other periods is analogous to the feeling of hesitant nostalgia the generation who grew up in those eras now feel. We're left with a lot of broken Nintendo consoles, trashed CRTs and old computer vaporware..technology which at the time made up our entire world but now makes little coherent sense. The melancholy this invokes is reflected in the way this music is produced, including the cultural context surrounding it. What was once shiny black plastic is now sun-bleached and brittle, the consumption moved on elsewhere and we're left with hazy memories, more like a feeling or an aesthetic than past reality. In this way the music parodies consumerist culture and highlights our states of transient interest and trends. That is vaporwave.

Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:AVANZADO - Webm's Explicación Completa.
« Respuesta #2 en: 25 de Octubre de 2014, 07:17:31 am »
Uhm, seguramente busque un poco más y tal. ¿Allen, el algoritmo de compresión funciona muy bien en vídeos largos y sin que se aprece mucho que se han eliminado algunos píxles en x fotogramas?

¿Y qué aplicaciones le ves en cuanto a edición de vídeo? (por ejemplo, a la hora de tenerlo en webm en vez de, por ejemplo, subirlo a una web estilo youtube en h64)


EDIT:  Muy buena guía, por cierto, cuando puedas pásame la versión inglesa x)

xBʟᴜᴇ

  • I feel blue~
  • Usuario de honor
  • Pokéxperto Omega
  • *
  • Mensajes: 11365
  • Karma: +29/-11
    • Ver Perfil

  • Total Badges: 44
    Badges: (View All)
    Décimo aniversario Noveno aniversario Nivel 7
Re:AVANZADO - Webm's Explicación Completa.
« Respuesta #3 en: 25 de Octubre de 2014, 10:11:37 am »
Antes que nada os dejo más ejemplos de webm siendo utilizado en webs, como comentarios etc.

Los webm's son especialmente muy utiles para gente que usa moviles para no tener que cargar los dichosos gifs.

http://boards.4chan.org/wsg/thread/462063/webm-creation-general
http://www.funnyjunk.com/Fj+s+reaction+to+webm/movies/5238004/
http://www.funnyjunk.com/I+wish+admin+would+party+once+a+week/movies/5284016/
http://www.funnyjunk.com/webm+on+mobile/movies/5244031/18
http://www.funnyjunk.com/Trackmania/movies/5293316/12





://///////////////

Iba a poner algo wai pero justo recibi un llamada y tuve que salir. Enf1n mañana lo pondre! <3

Uhm, seguramente busque un poco más y tal. ¿Allen, el algoritmo de compresión funciona muy bien en vídeos largos y sin que se aprece mucho que se han eliminado algunos píxles en x fotogramas?

¿Y qué aplicaciones le ves en cuanto a edición de vídeo? (por ejemplo, a la hora de tenerlo en webm en vez de, por ejemplo, subirlo a una web estilo youtube en h64)


EDIT:  Muy buena guía, por cierto, cuando puedas pásame la versión inglesa x)

No se muy bien a que te refieres a lo de los fotogramas, si te refieres a que tu source(El video que vas a comprimir) pierde fotogramas, no, no pierde nada esto es la revolucion ya que si tu source es un video de 60 fotogramas lo comprimira en 60 fotogramas.

Para youtube si, - > https://www.youtube.com/html5 utilizando su nuevo formato HTML5 tienes que activarlo por ahi, subirias videos en 4k de 1 hora de largo a la mitad de un video normal.

Incluso un video 1080 en formato webm podrias subir casi 10 horas de video en poquisimo espacio, a parte de eso para guardarlo para moviles etc que lo soporten en el futuro guardas muchisimo espacio.

El problema es que al ser algo pionero nuevo no esta soportado por todas las plataformas, como te digo solo hay unas cuantas websites que actualmente lo aceptan, mayormente Google sera el responsable de "Publicitarlo" ya que tienen parte en el proyecto.

Sobre a la edicion de video de momento no hay nada que yo conozca que pueda exportar a formato webm, pero si a Lagarith y de lagarith ya usarias el metodo puesto arriba para exportarlo.

La guia que hice en ingles no es ni la mitad de compleja que esta, esta la he hecho mucho mas a fondo ya que se que en el futuro esto dara mucho que hablar,

Si quieres algo mas avanzado aún refierete a esto que explica el formato y algoritmo para ponerle filtros etc o si no este convertidor incluso te pone algunos filtros ya por defecto para que no tengas que tocar lineas de comando


https://github.com/WebMBro/WebMConverter
« Última modificación: 25 de Octubre de 2014, 10:23:28 am por xBʟᴜᴇ »


Pedro's

  • Pokéxperto
  • **
  • Mensajes: 5679
  • Karma: +20/-0
  • Penguin Army Leader
    • Ver Perfil
    • KAWAHAL
    • Email

  • Total Badges: 46
    Badges: (View All)
    Décimo aniversario Noveno aniversario Octavo aniversario
Re:AVANZADO - Webm's Explicación Completa.
« Respuesta #4 en: 25 de Octubre de 2014, 10:52:56 am »
Antes que nada os dejo más ejemplos de webm siendo utilizado en webs, como comentarios etc.

Los webm's son especialmente muy utiles para gente que usa moviles para no tener que cargar los dichosos gifs.

http://boards.4chan.org/wsg/thread/462063/webm-creation-general
http://www.funnyjunk.com/Fj+s+reaction+to+webm/movies/5238004/
http://www.funnyjunk.com/I+wish+admin+would+party+once+a+week/movies/5284016/
http://www.funnyjunk.com/webm+on+mobile/movies/5244031/18
http://www.funnyjunk.com/Trackmania/movies/5293316/12





Iba a poner algo wai pero justo recibi un llamada y tuve que salir. Enf1n mañana lo pondre! <3

No se muy bien a que te refieres a lo de los fotogramas, si te refieres a que tu source(El video que vas a comprimir) pierde fotogramas, no, no pierde nada esto es la revolucion ya que si tu source es un video de 60 fotogramas lo comprimira en 60 fotogramas.

Para youtube si, - > https://www.youtube.com/html5 utilizando su nuevo formato HTML5 tienes que activarlo por ahi, subirias videos en 4k de 1 hora de largo a la mitad de un video normal.

Incluso un video 1080 en formato webm podrias subir casi 10 horas de video en poquisimo espacio, a parte de eso para guardarlo para moviles etc que lo soporten en el futuro guardas muchisimo espacio.

El problema es que al ser algo pionero nuevo no esta soportado por todas las plataformas, como te digo solo hay unas cuantas websites que actualmente lo aceptan, mayormente Google sera el responsable de "Publicitarlo" ya que tienen parte en el proyecto.

Sobre a la edicion de video de momento no hay nada que yo conozca que pueda exportar a formato webm, pero si a Lagarith y de lagarith ya usarias el metodo puesto arriba para exportarlo.

La guia que hice en ingles no es ni la mitad de compleja que esta, esta la he hecho mucho mas a fondo ya que se que en el futuro esto dara mucho que hablar,

Si quieres algo mas avanzado aún refierete a esto que explica el formato y algoritmo para ponerle filtros etc o si no este convertidor incluso te pone algunos filtros ya por defecto para que no tengas que tocar lineas de comando


https://github.com/WebMBro/WebMConverter
A lo que me refiero con lo de los fotogramas es que muchos métodos de compresión de vídeo lo que hacen es que si hay dos o tres fotogramas con una imagen igual o parecida en algunas zonas lo que hace es borrar esa zona y dejar sólo un fotograma visble con ella, para así ir eliminando trozos y ahorrar espacio, a pesar de que produce pérdidas de calidad.

Sobre el resto, vale, perfecto, me lo apunto. Voy a ver si ya puedo hacer cosas a menos de la mitad de tamaño de lo normal, que la verdad es que interesa bastante x)


xBʟᴜᴇ

  • I feel blue~
  • Usuario de honor
  • Pokéxperto Omega
  • *
  • Mensajes: 11365
  • Karma: +29/-11
    • Ver Perfil

  • Total Badges: 44
    Badges: (View All)
    Décimo aniversario Noveno aniversario Nivel 7
Re:AVANZADO - Webm's Explicación Completa.
« Respuesta #5 en: 25 de Octubre de 2014, 11:29:28 am »
No, eso no lo hace por eso acepta 60 fps.  :ook: