Xyberneticos » Open Source http://xyberneticos.com Desarrollo Web, Diseño, Recursos, Wordpress, Themes Fri, 04 Nov 2011 14:10:38 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Video JS – Reproductor de vídeo en HTML5 http://xyberneticos.com/index.php/2011/01/14/video-js-reproductor-de-video-en-html5/ http://xyberneticos.com/index.php/2011/01/14/video-js-reproductor-de-video-en-html5/#comments Fri, 14 Jan 2011 04:41:59 +0000 Nikko http://xyberneticos.com/?p=3090

Video JS es un reproductor de video basado en JavaScript que utiliza la funcionalidad de video HTML5 de los navegadores avanzados. En general, la ventaja de utilizar un reproductor de HTML5 es un aspecto coherente entre los navegadores.

WordPress HTML5 Reproductor de vídeo

Para utilizar HTML5 Video en WordPress, necesitaran un plugin adicional. HTML5 video player plugin for WordPress , el plug-in les permitira utilizar la etiqueta [video] para integrar HTML5 Video , y VideoJS para que funcione correctamente.

PLAIN TEXT
JavaScript:
<head>
  ...
    <script src="video.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
  ...
<script type="text/javascript" charset="utf-8">
    // Add VideoJS to all video tags on the page when the DOM is ready
    VideoJS.setupAllWhenReady();
  </script>

  </head>

PLAIN TEXT
HTML:
<!-- Begin VideoJS -->
  <div class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
    <video class="video-js" width="640" height="264" controls preload poster="http://video-js.zencoder.com/oceans-clip.png">
      <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
      <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' />
      <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg; codecs="theora, vorbis"' />
      <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
      <object class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash"
        data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowfullscreen" value="true" />
        <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}' />
        <!-- Image Fallback. Typically the same as the poster image. -->
        <img src="http://video-js.zencoder.com/oceans-clip.png" width="640" height="264" alt="Poster Image"
          title="No video playback capabilities." />
      </object>
    </video>
    <!-- Download links provided for devices that can't play video in the browser. -->
    <p class="vjs-no-video"><strong>Download Video:</strong>
      <a href="http://video-js.zencoder.com/oceans-clip.mp4">MP4</a>,
      <a href="http://video-js.zencoder.com/oceans-clip.webm">WebM</a>,
      <a href="http://video-js.zencoder.com/oceans-clip.ogv">Ogg</a><br>
      <!-- Support VideoJS by keeping this link. -->
      <a href="http://videojs.com">HTML5 Video Player</a> by VideoJS
    </p>
  </div>
  <!-- End VideoJS -->

]]> http://xyberneticos.com/index.php/2011/01/14/video-js-reproductor-de-video-en-html5/feed/ 1 Vanilla – Plataforma Open-Source para la creación de Foros http://xyberneticos.com/index.php/2009/11/27/vanilla-%e2%80%93-plataforma-open-source-para-la-creacion-de-foros/ http://xyberneticos.com/index.php/2009/11/27/vanilla-%e2%80%93-plataforma-open-source-para-la-creacion-de-foros/#comments Fri, 27 Nov 2009 03:45:19 +0000 Nikko http://xyberneticos.com/index.php/2009/11/27/vanilla-%e2%80%93-plataforma-open-source-para-la-creacion-de-foros/ vanillahome.jpg

Vanilla, es otra plataforma open-source para la creación de foros de discusión, con la cual podrán crear una comunidad alrededor de sus sitios web, marca o empresa. Si aman los diseños un tanto minimalistas, Vanilla se caracteriza también por salir un poco de las estructuras tradicionales de foros, pero que esto no los engañe, pose tantas funcionalidades como las que puedan imaginar.
Es compatible con los estándares tradicionales, y con sus más de 450 plugins hasta ahora, Vanilla se transforma en una solución ideal para la creación de comunidades personalizadas. Vanilla ha sido adoptada por más de 300.000 empresas, marcas, y aficionados, y creo que esto habla del poder esta plataforma de código abierto.

Versiones.

Al igual que wordpress Vanilla puede encontrarse en dos versiones.

vanillaorg.jpg

www.vanillaforums.org, es la plataforma que podrán descargar de forma totalmente gratuita, alojarla en sus propios servidores y bajo dominio propio, para obtener un control total de la plataforma.

vanillacom.jpg

www.vanillaforums.com, esta versión permite crear foros en línea, bajo los servidores de vanilla, solo deben registrarse de forma gratuita y escoger el nombre que deseen. Claro que en este caso, la url quedara algo así www.nombre.vanillaforums.com

Integración con WordPress

Además un dato muy interesante es que la gente de Vanilla ha realizado una guía práctica para la integración de las tablas de bases de datos y cookies con WordPress y Vanilla. Leer: Guía en Ingles – Guía en español

Integración de Vanilla Foro y Themes de WordPress

Claro que la guía anterior salto un dato no menor, no explica cómo integrarlo con los Themes de wordpress, pero en este enlace se explica muy bien:

Enlace Integrating Vanilla Forum and WordPress Themes

8 Razones por las que te encantará Vanilla

  • 1. Libre : Usted tendrá acceso a un foro totalmente funcional, temas, categorías, todas las características de administración que necesita, e incluso un montón de plugins realmente geniales. Todas funciones de calidad totalmente opcionales y gratuitas.
  • 2. Simplicidad: Historial de cada usuario y preferencias visualizadas de una manera discreta.
  • 3. Control Total: A diferencia de cualquier otro foro organizado por ahí, Vanilla le permite tener un control total sobre la apariencia de su foro, por lo que puede dar un look similar a su sitio.
  • 4 . Speedy : Vanilla es rápido. La creación de un foro se tarda un minuto.
  • 5. Soporte constante: Su amplia comunidad de más de 10.000 usuarios y desarrolladores están disponibles 24 / 7 para ayudarle con todos los problemas que puedan surgir.
  • 6. Características personalizadas : Completamente personalizable mediante plugins.
  • 7. Características Premium : Características premium opcionales que pueden añadir un verdadero poder a su foro. Por Ej: la opción de ofrecer integraciones de inicios de sesiones únicas para que tus usuarios puedan usar el foro sin registrarse en más de una ocasión.
  • 8. Más que un Foro: Con la función de Vanilla Paginas, puede añadir páginas personalizadas a tu foro y convertirlo en un sitio web completo. Añadir un montón de plugins para obtener un sitio web totalmente interactivo para ir junto con tu foro.
]]> http://xyberneticos.com/index.php/2009/11/27/vanilla-%e2%80%93-plataforma-open-source-para-la-creacion-de-foros/feed/ 10 Pubwich – Instant Website http://xyberneticos.com/index.php/2009/09/12/pubwich-instant-website/ http://xyberneticos.com/index.php/2009/09/12/pubwich-instant-website/#comments Sat, 12 Sep 2009 03:22:06 +0000 Nikko http://xyberneticos.com/index.php/2009/09/12/pubwich-instant-website/ pubswith.jpg

Pubwich una práctica aplicación PHP open-source desarrollada para los fanáticos de las redes sociales, ya que esta permite agregar todos los datos publicados en varios sitios web y servicios sociales, en una sola página HTML que contendrá todas aquellas actualizaciones que generes en los diversos sitios. Pubwich es un proyecto de código abierto, lo que significa que cada uno puede navegar por su código fuente, modificarlo para que se adapte a las necesidades que creas conveniente, además de ayudar a la aplicación compartiendo todas tus modificaciones con otras personas. Además de la capacidad para mostrar el contenido de cualquier sitio web a través de feeds RSS / Atom, soporta servicios web populares como: Delicious , Facebook, Flickr ,last.fm, ReaderNaut, Twitter, Vimeo, Youtube, entre otros. Pubwich sólo necesita ejecutarse en un servidor Apache con PHP 5 y PEAR instaladas.

Enlace  Pubwich - Demo 1 - Demo 2

Via  webresourcesdepot

]]> http://xyberneticos.com/index.php/2009/09/12/pubwich-instant-website/feed/ 7 Collabtive 0.6 – Plataforma para administrar proyectos de clientes http://xyberneticos.com/index.php/2009/08/17/collabtive-06-plataforma-para-administrar-proyectos-de-clientes/ http://xyberneticos.com/index.php/2009/08/17/collabtive-06-plataforma-para-administrar-proyectos-de-clientes/#comments Mon, 17 Aug 2009 04:33:19 +0000 Nikko http://xyberneticos.com/index.php/2009/08/17/collabtive-06-plataforma-para-administrar-proyectos-de-clientes/ collabore.jpg

Collabtive 0.6, actualizado y con muchas mejoras interesantes. Collabtive (Para los que no se encuentren familiarizados), es una plataforma Gratuita que podremos alojar en nuestro propio servidor, con el fin de administrar los proyectos de nuestros clientes y grupos de trabajo a través de él, además claro, de permitirle a nuestros clientes ver cuanto a avanzado el proyecto desde la semana anterior. Permite mensajería entre empresa y cliente, generar listas de tarea, gestión de proyectos y una infinidad de opciones muy interesantes. Un dato no menor, se puede configurar en español, lo que es toda una ventaja para nuestros clientes. Requiere: PHP 5.1 o superior, MySQL 4, Apache Web Server.

Enlace Collabtive 0.6 - Demo

]]> http://xyberneticos.com/index.php/2009/08/17/collabtive-06-plataforma-para-administrar-proyectos-de-clientes/feed/ 9