Spanish, Mexican subtitles

← Entrada dinámica

Get Embed Code
4 Languages

Showing Revision 7 created 03/09/2014 by Fran Ontanaya.

  1. Podemos lograr Entrada Dinámica,
    de audio y video,
  2. directo en la aplicación
    empleando una API llamada getUserMedia.
  3. Este es un ejemplo sencillo
    para llamar a getUserMedia,
  4. pasándole algunas restricciones
    que especifican que queremos video,
  5. y luego asignamos
    la transmisión resultante
  6. a un elemento
    de video en la página .
  7. Por supuesto, esto da como resultado
    un recuadro con entrada de video dinámica.
  8. Probablemente querremos
    utilizarla para algo.
  9. Si deseamos
    capturar instantáneas,
  10. por ejemplo si queremos implementar
    una aplicación para cámara,
  11. podemos lograrlo con un contexto
    de lienzo y DrawImage.
  12. Siempre que queramos una instantánea,
    simplemente capturamos la imagen
  13. del video y la dibujamos
    en el lienzo con DrawImage.
  14. Desde luego, un lienzo
    no es lo mismo que imagen.
  15. Un lienzo no se puede copiar
    y pegar directamente en otro lugar,
  16. o descargarla al disco duro
    o publicarlo en las redes sociales.
  17. O cualquier otro uso típico de usuario
    centrado en imágenes,
  18. pero resulta que el lienzo
    tiene una conveniente función
  19. que permite codificarlo como una imagen.
    El método canvas.toDataURL.
  20. Aquí, en lugar de mostrar el lienzo,
  21. copiamos los contenidos del lienzo
    como una url de datos
  22. al origen de
    una etiqueta de imagen.
  23. Y si queremos guardar estas imágenes
    en el almacenamiento local del móvil,
  24. podemos hacerlo, también,
    forzando la descarga de un enlace
  25. utilizando el atributo de descarga
    de un elemento de anclaje.
  26. Esto en efecto
    no descarga información real,
  27. que va codificada en el propio enlace,
    no estamos de veras
  28. transferiendo nada
    a través de la red.