Tag: html5

Lienzo, deshabilitar descarga de imagen

Estoy haciendo un juego en html5 / js, hay un mapa con una niebla de guerra en él. Cuando haces clic con el botón derecho en el canvas, puedes guardar el canvas como una imagen y así puedes tener todo el mapa en un jpg, pero ese mapa debe estar oculto. ¿Hay algún truco para […]

Grabación en canvas utilizando captureStream y mediaRecorder

¿Cómo puedo grabar flujos de más de un canvas? es decir, cuando cambio un canvas a otro, tiene que grabar el canvas activo y continuar hasta el primero. He hecho así: stream = canvas.captureStream(); mediaRecorder = new MediaRecorder(stream, options); mediaRecorder.ondataavailable = handleDataAvailable; mediaRecorder.start(10); function handleDataAvailable(event) { recordedBlobs.push(event.data); } Pero al agregar otro flujo, solo se […]

¿Cómo editar (recortar) un video en el navegador?

Estoy tratando de recortar la duración de un video dentro del navegador, desde el principio o el final. Lo que actualmente tengo es un MediaStream que se está grabando con la API MediaRecorder, que uso para producir un Blob al final de la grabación con el tipo configurado en ‘video / mp4’. Esto funciona muy […]

reproducir un video en reversa usando el elemento de video HTML5

Estoy trabajando en una funcionalidad que se explica a continuación: una vez que se carga un video / con un clic en el botón, se debe reproducir en reversa. Los dispositivos de destino son teléfonos inteligentes y dispositivos de tableta. Estoy tratando de hacer esto usando la etiqueta HTML5 y leer sobre el atributo playBackRate […]

Demo de la API de la historia de HTML5

He estado leyendo sobre la API de historial de HTML5 y hasta ahora, no he encontrado una demostración de trabajo simple que muestre la mecánica con código. Aquí hay un jsfiddle que funciona: 4 botones y 4 divs. Cuando el usuario presiona un botón, muestra el panel correspondiente. Lo que estoy buscando hacer es: 1) […]

Línea de canvas suave y en el punto de inicio del cursor.

Estoy intentando crear una aplicación web de canvas y tengo dos problemas principales. Me encantaría hacer que la herramienta pluma dibuje más suavemente. En segundo lugar, cada vez que borro el boceto y empiezo a dibujar de nuevo, la línea comienza en un punto diferente al cursor / mouse. Aquí está javascript para mi herramienta […]

¿Cómo puedo evitar el arrastre en un niño, pero permitir arrastrar en el padre?

Tengo un div que el usuario puede arrastrar, dentro de ese div hay un espacio con un texto que quiero permitir al usuario seleccionar (por lo tanto, no pueden arrastrarlo). ¿Cómo permito que el div se arrastre, pero no el lapso? El evento dragstart está en el div. Probablemente estoy pasando por alto algo simple. […]

JavaScript reproduce audio uno tras otro HTML5

Tengo un problema con la reproducción de audio de un objeto de audio javascript creado dinámicamente uno tras otro. El audio viene de Google a través de una serie de cadenas. for (i = 0; i < Txt_array.length; i++) { audio.src ='http://translate.google.com/translate_tts?&tl=en&q='+Txt_array[i]; audio.play();}; Me gustaría hacer esto por un oyente del evento, o hay alguna […]

Cómo lidiar con los resultados de la función asíncrona en JavaScript

Desde el fondo ac #, probablemente estoy viendo JavaScript desde una perspectiva completamente equivocada, así que, por favor, tengan paciencia conmigo. Dejando de lado las ventajas de async por un minuto, digamos que simplemente quiero recuperar un valor de una base de datos SQLite en una página HTML5. Lo que quiero ver es algo como […]

Acceso a datos de imagen y video desde la extensión del navegador (vs CORS)

Estoy tratando de escribir una extensión de navegador que haga un procesamiento de imágenes, pero necesito acceso a los datos de la imagen. Mi enfoque fue crear un elemento de canvas oculto, dibujar imágenes y videos a través de drawImage y luego leer los datos de píxeles con getImageData . Esto funciona bien, pero en […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.