Mostrando entradas con la etiqueta Videos On-Line. Mostrar todas las entradas
Mostrando entradas con la etiqueta Videos On-Line. Mostrar todas las entradas

2013-12-15

4 Videos tutoriales de PhoneGap en Castellano

Conferencia


Instalar Node.js para PhoneGap

Cómo crear tu primera app PhoneGap con comandos


Importar proyecto Phonegap en Eclipse y exportar la APK

2012-06-26

En 5 VideoTutoriales vemos como utilizar el Auth de Permisos de Usuario con CakePHP 2.x todo en castellano

Crear un Proyecto y Configurar la Base de Datos en Cakephp desde la Consola

Crear Modelos, Vistas y Controladores de un Proyecto en Cakephp desde la consola

Activar Consola de Cakephp 2.x

Crear Modelo Vista y Controlador en Cakephp 2.x desde la consola

Control de Usuarios en Cakephp 2.x

2012-06-16

3 Días de vídeos tutoriales de Symfony 2, todo en catellano

Acá le dejor 3 dias de videos tutoriales de Symfony 2 con sus respectivas presentaciones también, que fue realizado en el evento "deSymfony 2011" es bueno para lo que quieren aprender sobre este framework ya que todo el contenido de los vídeos es 100% en castellano.


Primer día (1 de julio):
Segundo día (2 de julio):
Tercer día (3 de julio):

2012-05-12

Mejorar el aspecto del reproducto de Youtube para insertar video en nuestros sitios webs

Una forma mas elegante de insertar videos de youtube, sin que muestre los controladores ni el icono de play, solo muertes un logito de youtube 3 segundos y se oculta.


Lo importante del código es estos parámetros 


"version=3&feature=player_detailpage&showinfo=0&rel=0&controls=0&theme=light"


2011-09-22

Fitvids,js : Es una librería JavaScript que no permite redimencionar de manera automática los vídeos flash







FitVids.js es una librería que nos solución el dolor de cabeza cuando tenemos un sitio web con vídeo embebidos, como YouTube, Vimeo, etc.. y nuestro sitio tiene un diseño elástico que se ajusta según la pantalla. Este javascript hace los mismo con el vídeo manteniendo las dimensional del mismo..


Lo pueden ver en el vídeo:


Link al sitio oficial: http://fitvidsjs.com/

2010-09-18

6 Recursos para video HTML5

6 Recursos para video HTML5

La verdad es que nunca fuí fanático de la tecnología Flash; ahora con el HTML5 mi sueño de no depender de un plugin propietario para video es un hecho. Inspirado en un post que leí hace unos días, armé esta recopilación de 6 Recursos para video HTML5.

Video JS

Video JS
Video JS es un video player para HTML5 basado en Javascript gratuito y open source.
Sitio: videojs.com

FlareVideo – Reproductor de Video HTML5

FlareVideo – Reproductor de Video HTML5
FlareVideo es un reproductor HTML5 open source.
Leer: pixelcoblog.com/flarevideo-reproductor-de-video-html5

Projekktor – Reproductor de video HTML5

Projekktor – Reproductor de video HTML5
Projekktor es un reproductor de video HTML5 open source desarrollado bajo Javascript, pero utiliza Flash cuando el navegador utilizado carece de soporte para H.264.
Leer: pixelcoblog.com/projekktor-reproductor-de-video-html5

Sublime Video Player – Reproductor de video para HTML 5

Sublime Video Player – Reproductor de video para HTML 5
Sublime Video Player es un reproductor de video para HTML 5. Con éste es posible ver videos sin necesidad de plugins para el navegador o de utilizar componentes Flash.
Leer: pixelcoblog.com/sublime-video-player-reproductor-de-video-para-html-5

HTML5Video

HTML5Video
Kaltura’s HTML5 video es una solución para video HTML5 que corre en los principales navegadores y es usado por sitio como Wikipedia. Desde la página de este desarrollo, también se pude acceder a unos demos de la fundación Mozilla.
Sitio: www.html5video.org

JME

JME Video HTML5
JME es un entorno de desarrollo para video HTML5 que funciona en el iPad de Apple y hasta en Internet Explorer.
Sitio: protofunc.com/jme

Controles de video con Mootools para HTML 5

Controles de video con Mootools para HTML 5
HTML 5 video & Mootools es un tutorial (en inglés) que explica como implementar con Mootols, controles para video HTML 5.
Leer: pixelcoblog.com/controles-de-video-con-mootools-para-html-5

2010-08-23

Video Tutorial jQuery (Ajax) - Formulario Alta empleando métodos $.post() y $.ajax()




Video Tuorial jQuery (Ajax) - Aplicacion Ajax estilo Google Suggest.


Video Tutorial Firebug - Introduccion al uso basico de esta extension de Firefox.



Video Tutorial jQuery (Ajax) - Conversión de formulario estándar a versión Ajax.



2010-07-25

SEO: Posicionamiento en Google

Como parte de las ponencias en Navarparty 5, evento desarrollado recientemente en Pamplona; rescato la charla de Antonio Javier Ortiz, sobre SEO.
El video se segmenta en una primera media hora sobre conceptos SEO y el resto en un pin-pong de preguntas y respuestas.
Antonio no deja títere con cabeza: mitos y verdades sobre SEO, técnicas de posicionamiento, análisis de estadísticas, tráfico web, redes sociales, BlackHat y WhiteHat, etc, etc, etc.
Si querés aprovechar los mejores 60 minutos de tu día, este es el video.



Vía: RinconSEO

Nueva Forma de Embeber Videos de Youtube

Youtube ahora nos ofrece un nuevo código para embeber nuestros videos, hasta ahora lo hacíamos con el tag o bien con javascript (SWFObject) que también generaba este tag, pero ahora lo podremos hacer con un iframe, mucho más corto y con mejoras en los usuarios con respecto a la presentación del video, ya que detectara si soporta o no HTML5 o Flash y según el resultado se verán de cualquier forma.

Youtube ha abierto una página donde tratan sobre las características del Reproductor de video HTML5, también un foro de discusión para saber que opinan sobre este nuevo reproductor y anunciar cualquier limitación o falla.

Código del nuevo Embed.

  1. iframe class="youtube-player" type="text/html" src="http://www.youtube.com/embed/VIDEO_ID" width="640" frameborder="0" height="385"
  2. iframe
Fuente: craftyman.net

2010-06-19

Curso completo sobre Ext Js Framework JavaScript Completo en Castellano

ExtJS Framework



Author: Crysfel

I'm a software developer with 6+ years of experience, when I'm not developing software I may be writing a tutorial, you can follow me on twitter

A continuación se muestra el temario del curso, cada semana se estarán subiendo capitulos

Introducción

Presentación del ponente, definición de objetivos y alcance del curso, también se hacen delimitaciones, limitaciones y requisitos para tomar el curso.
Introducción (6:39 minutos).

Instalación

Conocimientos y conceptos básicos para comenzar a trabajar a tu manera, es importante saberlos para evitar problemas en el futuro.
¿Dónde conseguir ExtJS? ¿Hay que pagar? ¿es gratis? (3:49 minutos)
Instalación básica del framework (7:06 minutos)
Instalación de temas o “look and feel” (5:29 minutos)
Que son los adapters y en que me beneficia (6:03 minutos)
Definición de la imágen spacer y su importancia (5:48 minutos)
Quizz: Primer capitulo del curso de ExtJS

Localización

Mediante ExtJS, es posible internacionalizar los widgets en diferentes lenguajes, por defecto se utiliza el Ingles, pero es posible hacer traducciones a otros lenguajes o buscar si alguien mas ya la ha realizado.
Instalando tu idioma (8:54 minutos)
Varios idiomas en un mismo sitio (9:07 minutos)

JavaScript orientado a objetos

Se definen términos y conceptos para programar orientado a objetos en JavaScript utilizando algunas utilerías que ExtJS nos proporciona para una fácil implementación.
Referencias en JavaScript (9:39 minutos)
¿Que es el scope o alcance de una variable? (8:14 minutos)
¿Qué son los Closures? (12:32 minutos)
El contexto y la variable “this”
Creación de objetos y métodos públicos
Métodos privados y métodos privilegiados
Paquetes y namespace
Herencia en JavaScript
Quizz: Conceptos fundamentales de JavaScript (Parte I)
Quizz: JavaScript orientado a objetos (Parte II)

Trabajando con el DOM

Se muestran las utilerías de Ext para manipular el DOM, trabajar con efectos y animaciones, realizar búsquedas en el DOM y aplicar eventos.
Conociendo al objeto “Element” (13:17 minutos)
La clase “DomHelper” (16:11 minutos)
Buscar elementos en el DOM con selectores
Aplicar efectos visuales a Elementos (19:30 minutos)
Quizz: Trabajando con el DOM

Mensajes y eventos

Se muestra como mostrar mensajes al usuario, como crear eventos sobre elementos del DOM
Alertas y mensajes al usuario (20:55 minutos)
Manejo de eventos sobre Elementos y componentes
Quizz: Mensajes y Eventos

Ajax y el objeto Store

Se muestra como realizar peticiones Ajax al servidor, se define el concepto del store y su importancia para el intercambio de información.
El objeto Ajax, peticiones GET y POST
¿Qué es un store y cómo funciona?
Leer información de un XML
Leer información en formato JSON
Quizz: Ajax y el objeto Store

Paneles, Ventanas y Pestañas

El panel es uno de los componentes mas utilizados en el framework es de importancia comprender su funcionamiento, las ventanas son útiles para almacenar otros componentes.
¿Que es un panel, para que sirve y cómo se crean? (22:08 minutos)
Una ventana flotante (12:50 minutos)
Barras de herramientas en paneles y ventanas
Barra de status en paneles y ventanas
Las Pestañas o Tabs

Los Formularios

Se muestra como crear formularios, validaciones, diferentes controles para capturar información e interactuar con un servidor para obtener y guardar información.
Formularios y campos comunes en ExtJS
ComboBox cargados localmente y remotamente (Ajax)
Combos dependientes
Un calendario para capturar fechas
Llenar formularios con información del servidor
Guardar información en el servidor
Validaciones simples en formularios
Validaciones personalizadas

Gráficas

Uno de los nuevos componentes de ExtJS 3.0 nos permite crear gráficas de diferentes tipos, en este capítulo mostramos algunas
Gráficas en ExtJS 3
Graficando series

Las Tablas

Este componente es muy utilizado para desplegar información, permite realizar muchas tareas de manera fácil y rápida.
Una tabla básica con información cargada de un array
Mostrar información de un archivo XML
Información contenida en formato JSON
Paginado remoto en un Grid (Ajax)
Formatear la información y agregar html a las celdas
Utilizando fechas y tiempo en un Grid
Editar la fila de un Grid en un formulario

Edición de tablas

En ocasiones es conveniente poder editar la información directamente en una tabla, de esta manera evitamos abrir un formulario con la información en cada campo.
Editar las celdas de un grid
Editar una celda mediante un Combobox
• Modificar un fecha utilizando un calendario
Guardar los cambios del Grid editable usando Ajax
• Hacer un CRUD automáticamente con REST

Árboles con ExtJS

Los árboles son útiles para mostrar de forma visual una jerarquía de organización, por ejemplo un directorio de documentos, una familia o grupo de personas, etc. Ext proporciona el componente ideal para esta tarea.
El componente Tree Panel
Arboles generados con Ajax
Cambiar íconos de los nodos
Desplegar el sistema de archivos del servidor
Explorador de archivos para el servidor
Drag and Drop para ordenar los nodos (Guardarlos en MySQL)
• Modificar los nodos seleccionados

Layouts y maquetación

Los layout se utilizan para crear la maquetación de un sitio, ExtJS provee maneras diferentes para lograr este objetivo, en este capitulo se analizan algunas.
Border layout
Border layout (9:19)
Table Layout (9:31)
• El Viewport y sus regiones
• El acordeón
• Combinación de layouts

Plugins y extensiones

La comunidad de ExtJS es muy activa, prueba de ello es la cantidad de plugins que se han desarrollado y son ofrecidos de manera gratuita, aquí se muestran algunos de ellos y como integrarlos a tu proyecto.
Herencia con ExtJS

2010-05-07

VP Factory – Hospedaje y gestión de tus vídeos en la web


VP Factory es una interesante solución para los que están buscando un lugar donde guardar sus vídeos y publicarlos en diferentes páginas web.

Con un sistema que permite gestionar el material que subimos de forma sencilla, usa la infraestructura de Amazon CloudFront y ofrece un plan gratuito limitado a 10.000 visitas al vídeo por mes.

Ideal para los que tienen limitada la capacidad de ancho de banda de su servidor y prefieren tener un servicio profesional capaz de guardar y publicar vídeos en cualquier web o red social.

2010-04-08

Cómo cambiar la apariencia de un canal de Youtube

La apariencia o interface que nos pone por defecto Youtube en nuestro canal, a muchos no nos gusta, y por ahí haciendo alguno que otro arreglo logramos que cambie en algo la apariencia. Pero seguro que algunos han visto canales de Youtube más vistosos o diferentes a los tradicionales (más o menos como el mío NivmarBlog) y mejor elaborados, hasta algunos piensan que para eso seguro metieron algún código HTML en alguna casilla (como se hace en myspace), o que son plantillas o themes para Youtube, pero no!, no es nada de lo que piensan, ni tampoco es que el usuario tenga privilegios o que pagó algún costo a Youtube y esas cosas, con un simple truco lo lograremos, así que sin más les doy el truco para que arreglen y puedan cambiar la apariencia de su canal de Youtube y se vea mucho mejor.

Pasos para cambiar la apariencia del canal de Youtube

Nos logueamos a nuestra cuenta de Youtube, y cambiamos el idioma de Youtube a English (US)

youtube-cambiar-apariencia

Luego clic en “Account” e ingresamos a “Edit Channel”

youtube-cambiar-apariencia-2

Pinchamos en “Upgrade my Channel!”

youtube-cambiar-apariencia-3

Ahora nos aparece un mensaje y le damos clic a “OK, cool, let’s go”

youtube-cambiar-apariencia-4

Con esto hemos aceptado que utilizaremos las nuevas características de Youtube que aún están en fase Beta, pero que funcionan muy bien.

Hecho lo anterior ya podemos regresar el idioma a como lo tenían, es decir si lo tenían en español, pues pongan español y listo todo volverá a estar como antes, con la salvedad que ahora tu canal se ve más “cool”.

youtube-cambiar-apariencia-5

Ahora con esta nueva apariencia del canal de Youtube, todas las modificaciones que le quieras hacer se harán desde su interfaz, en cada cajón verás el enlace de “Editar”.

Si quieres cambiar el fondo y opciones avanzadas o más generales, esas las encuentras en la parte superior del canal.

youtube-cambiar-apariencia-6

Si no les gusto como quedo su nueva apariencia (difícil) pueden regresar su canal a como estaba antes dando clic en el botón que se encuentra en la parte superior que dice “¡Revertir! Quiero mi antiguo canal de vuelta”.

Así que con este truco ya le podrás cambiar la apariencia a tu canal de Youtube, sobre todo si lo usas como Vlog (video blog) personal. Los colores y fondos y demás cosas corren por tu cuenta.



Fuente:
Link

10 trucos que todo usuario de YouTube debería conocer

Ustedes ya saben acerca de YouTube, el sitio más popular de vídeos de Internet. Y es que los medios de comunicación no dejan de nombrarlo y todo el mundo de usarlo. Pero, si desean hacer más que buscar y reproducir vídeos, aquí les dejo algunos de los mejores trucos que se pueden hacer con las URLs de YouTube, que sin duda todo usuario debería conocer...

1. Ver vídeos en alta definición

YouTube nos ofrece la posibilidad de ver videos en alta definición, pero sólo en algunos de ellos; sin embargo, nosotros podemos saber si un vídeo esta en alta definición cuando su URL contenga alguno de estos parámetros: ‘&fmt=18′ (estéreo, 480 x 270 de resolución) o ‘&fmt=22′ (estéreo, 1280 x 720 de resolución) para una aún mejor calidad. (En este post lo ampliamos Ver vídeos de Youtube en alta definición ya!)

2. Embeber vídeos en alta calidad

Mientras que el anterior truco funciona para la reproducción, si deseas embeber vídeos de alta calidad en un foro o blog debes añadir el parámetro “&ap=%2526fmt%3D18″ o “&ap=%2526fmt%3D22″ a la url proporcionada en el embed.

3. Ir al grano y enlazar la parte interesante

También podemos enlazar un vídeo donde la verdadera acción esta empezando; por ejemplo, en el minuto 03:22, ¿Cómo podemos hacer esto? Estamos con suerte. Todo lo que tenemos que hacer es añadir #t=03m22s (#t=XXmYYs para XX minutos y YY segundos) al final de la URL.

4. Ocultar el buscador del reproductor

searchbar

La caja de búsqueda aparece cuando nosotros pasamos el mouse sobre un vídeo embebido. Para ocultarla debemos añadir ‘&showsearch=0′ a la url del Embed.

5. Embeber solo una parte del vídeo

skipsecs

Solo añadimos ‘&start=30′ para omitir los primeros 30 segundos del vídeo. En general podemos modificar el valor después de start= por el número de segundos que queremos saltarnos. (Lee también Cómo embeber una parte de un vídeo en YouTube)

6. Auto reproducir un vídeo embebido

Normalmente, cuando embebemos un vídeo de YouTube y cargamos la página, el reproductor se carga y espera a que nosotros pulsemos el botón de play. Podemos hacer que el reproductor automáticamente corra el vídeo añadiendo el parámetro ‘&autoplay=1′ a la URL del código embed.

7. Repetir un vídeo embebido

Añadiendo el parámetro ‘&loop=1′ podemos hacer que el vídeo se reproduzca otra vez, sin la intervención del usuario, cuando el vídeo llega a su fin.

8. Deshabilitar los vídeos relacionados

Deshabilitar los videos  relacionados

Si no te gustaría publicar los vídeos de otros en tu página web, podemos deshabilitar la opción de vídeos relacionados. Sólo añadimos el parámetro ‘&rel=0′ al final de la URL del código embed y listo, los vídeos sugeridos ya no aparecerán.

9. Ver vídeos inaccesibles en nuestro país

Algunos vídeos están disponibles únicamente en ciertas partes del mundo. Tu dirección IP es usada para determinar la ubicación y luego permitir o denegar el acceso al vídeo. Cambia la url de http: //www.youtube.com/watch?v= a http: //www.youtube.com/v/.

Relacionado: YouTube discriminando países

10. Descargar Vídeos

Este no es exactamente un truco de youtube, pero es sencillo para descargar vídeos. Sólo debemos cambiar youtube por kickyoutube en la url del vídeo y la página de kickyoutube.com nos mostrará el enlace para descargar el vídeo que estábamos viendo.

¿Conocen algún otro truco o hack con la URL de YouTube? No olviden comentarlo!

Relacionado: Bajar vídeos de YouTube en distintos formatos

Vía | makeuseof



Fuente:
Link

2009-12-06

Lista de 16 librerías para manejar bases de datos en PHP

Vamos con una pequeña recopilación de librerías para manejar bases de datos en PHP.

1-. ADOdb

Esta librería nos permite escribir aplicaciones portables sin necesidad de reescribir cada llamada a la base de datos. Soporta una gran cantidad de bases de datos distintas.

Página de ADOdb.

2-.ezSQL

Librería bastante ligera y sencilla de usar. Soporta varios tipos de bases de datos.

Página de ezSQL.

3-. Propel

Interesante librería para ORM (Object Relational Maping). Facilita el desarrollo gracias a la capa que transforma el manejo de la BBDD mediante objetos, con los que podemos realizar tareas como insertar, borrar, recuperar y modificar datos.

Página de Propel.

4-. Doctrine

Otra librería para ORM. Permite realizar las consulta mediante un lenguaje propio llamado DQL.

Página de Doctrine.

5-. Outlet

Otro motor para ORM. Basado en Hibernate.

Página de Outlet.

6-. RedBeanPHP

Otro motor para ORM.

Video tutorial de RedBean ORM PHP muy simple pero en ingles



Página de RedBeanPHP.

7-. CoughPHP

Otro motor para ORM.

Página de CoughPHP.

8-. PhpObjectGenerator

Otro motor para ORM con un tool on-line para crear toda la base de datos y las class PHP.

Página de PHPObjectGenerator.

9-. phpDataMapper

Otro motor para ORM para PHP5 Object-Oriented PHP5 Data Mapper ORM.

Página de phpDataMapper.

10-. dORM

Otro motor para ORM.

Página de dORM.

11-. PHP-ActiveRecord

Otro motor para ORM muy interesante y en actual desarrollo a la fecha pero requiere PHP 5.3

Página de php-activerecord.

12-. ORMer

Otro motor para ORM.

Página de ORMer.

13-. dbObjects

Otro motor para ORM con PHP5.

Página de dbObjects.

14-. PHP::Spod

Otro motor para ORM con PHP5.

Página de PHP::Spod.

15-. Hormon

Otro motor para ORM.

Página de Hormon.

16-. Junction

Otro motor para ORM con PHP5 .

Página de Junction.

17-. DicaORM

Otro motor para ORM con PHP5<* y PDO requerido .

Página de DicaORM.

2009-12-02

Jing – Graba ScreenCast y compártelo al instante

jing

Opciones para realizar ScreenCasts ya he comentado algunas, aunque se me había saltado una de las más utilizadas en todo el mundo: Jing.

Se trata de una aplicación, compatible con Windows y Mac, que permite capturar partes de la pantalla y grabar un vídeo con lo que ocurre en esa parte, dando la posibilidad de compartir inmediatamente el resultado a través de email y redes sociales.

Lo grabado se aloja en los servidores del equipo de Jing, con lo que después de grabar tendremos ya disponible la dirección url con el vídeo.

Una buena opción que en versiones no gratuitas ofrece más espacio y mejor calidad de imagen.

Por otro lado, y aprovechando el momento, estoy probando www.screencast-o-matic.com para realizar unos videotutoriales para algunos clientes. Una excelente aplicación que tiene poco que envidiar a la ya clásica www.screentoaster.com.

Y vosotros, ¿qué utilizáis para grabar screencasts?



Fuente: wwwhatsnew.com