3 oct. 2009

jDivx: Incrustar divx a través de jquery.

Jquery es una herramienta muy poderosa, y en vista de que no usais nunca la taberna he puesto un enlace a las cositas que hago de desarrollo.


Comienzo con este plugin que al parecer funciona hasta en linux (probado en ubuntu 9.04 en un netbook y rulando perfecto).


jquery-logoEs mi primer plugin de jquery y supongo que se puede hacer muucho mejor, pero para cualquiera que quiera usar el código y ver como funciona para mejorarlo va que chuta.


Vamos a llamarlo jdivx 0.6 alpha. No hay documentación pero quien quiera saber un poco más que mire los arhivos de código comentados, la demo y después deje un comentario en este artículo.


Hay dos métodos en este plugin,


Crear un divx:


$("elemento").jdivx({width: 480, height: 270, src: "rutaalarchivo/archivo.avi", previewImage: "imagenDePortada.jpg"})


Cambiar las propiedades de un divx:


$("#elemento").jdivxSettings({width:1276, height:720});


Los valores que se puende cambiar son:



  • width (ancho en pixels)

  • height (alto en pixels)

  • src (ruta con fichero de video)

  • previewImage (ruta con imagen de portada)

  • autoPlay  (si quieres que se empiece a reproducir solo)

  • loop (reproducción continua)

  • allowContextMenu (permitir el menú pulsando con el boton derecho sobre el video)

  • disableDimmer (esta opción desconecta que se oscurezca la pantalla cuando se reproduce)

  • bufferingMode (manera de almacenar el video en memoria al reproducir online null/full)

  • minVersion (versión mínima del reproductor para poder ver el archivo)

  • pluginspage (página para descargar el plugin visualizador)

  • custommode (ni idea, viene en los embed de divx y fíjate)


 


De paso os enseño una demostración en video de la cámara 500d que veo que es una maravilla, podéis verlo en la demo.


http://www.rebelarte.com/jdivx/demo.html


Descargar el plugin


jdivx0.6a (Sólo es necesario el archivo min)


 



English


change divx embed settings.
$("#element").jdivxSettings({width:1276, height:720});


This are the settings to create/edit:

  • width

  • height

  • src (video)

  • previewImage

  • autoPlay

  • loop

  • allowContextMenu (right mouse button)

  • disableDimmer (fade background during play)

  • bufferingMode (buffer handle in streaming video: null/full)

  • minVersion (web player min version to play the content)

  • pluginspage (where to find the plugin to play)

  • custommode (no idea, it was on every web divx player I saw )


The plugin file: jdivx0.6a (only min needed to work)
A demo: http://www.rebelarte.com/jdivx/demo.html
If you have questions after reading the code and example source code please leave a comment in this article.