Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Código Fuente » Video

Mostrar los tags: Video

Volver
Agregar Código Fuente
Mostrando del 1 al 10 de 28 coincidencias
<<>>
Se ha buscado por el tag: Video
Imágen de perfil

Generador de gifs a partir de video (nueva version)


Python

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 10 de Julio del 2026 por Antonio (77 códigos) (Publicado el 29 de Enero del 2024)
26.588 visualizaciones desde el 29 de Enero del 2024
Programa para generar gifs animados a partir de vídeos, que se ejecuta en la línea de comandos.
ARGUMENTOS:
-src/--source: Nombre del vídeo original (obligatorio).
-dest/--destination: Nombre del archivo a generar (opcional).
-sz/--size: Tamaño en porcentaje del gif respecto al vídeo original (opcional).
-shw/--show: Muestra resultado en ventana emergente al finalizar el proceso de generado (opcional).
-st/--start: Segundo inicial para gif (opcional).
-e/--end: Segundo final (opcional).
-spd/--speed: Velocidad relativa de la animación (opcional)

PARA CUALQUIER DUDA U OBSERVACIÓN, USEN LA SECCIÓN DE COMENTARIOS.

imagge
Imágen de perfil

Vista 'grid' (demo)


Python

Actualizado el 7 de Mayo del 2026 por Antonio (77 códigos) (Publicado el 31 de Julio del 2023)
11.764 visualizaciones desde el 31 de Julio del 2023
El siguiente código muestra un grid en pantalla por el que se puede desplazar usando los botones de dirección:

Botón de dirección derecha: Desplazamiento hacia la derecha.
Botón de dirección izquierdo: Desplazamiento a la izquierda.
Botón de dirección superior: Desplazamiento hacia adelante.
Botón de dirección inferior: Desplazamiento hacia atrás.
Botones 'o', 'p', 'k' y 'l': Desplazamientos en diagonal.

grid
Imágen de perfil

openvid - Generador de demos cinematográficas y mockups 3D


JavaScript

Publicado el 24 de Abril del 2026 por Cristian
107 visualizaciones desde el 24 de Abril del 2026
openvid es una herramienta web diseñada para transformar grabaciones de pantalla crudas en videos promocionales de alta calidad.
El código implementa:

- Transformaciones 3D: Renderizado de videos dentro de marcos de dispositivos (Safari, Chrome, etc.) con perspectiva ajustable.

- Zooms Dinámicos: Sistema de línea de tiempo para controlar el enfoque en puntos de interés.
Procesamiento en Cliente: Edición y previsualización fluida utilizando React y Framer Motion para las animaciones de la interfaz.

- Exportación: Configuración de renderizado para diferentes resoluciones (hasta 4K) y formatos (MP4, WebM, GIF).

Link: https://github.com/CristianOlivera1/openvid
Imágen de perfil

Suavizado de imagen en archivos de vídeo por 'Filtrado bilateral', (aplicación en línea de comandos)


Python

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 23 de Mayo del 2024 por Antonio (77 códigos) (Publicado el 20 de Marzo del 2023)
8.359 visualizaciones desde el 20 de Marzo del 2023
Programa para realizar filtrado de imagen en archivos de vídeo (preferiblemente de corta duración) utilizando el algoritmo de 'filtrado bilateral' pudiendo especificar los valores sigma de espacio y color y el diámetro del vecindario para cada pixel. Los vídeos filtrados se generan, por defecto, conservando su sonido, aunque se pueden generar sin este introduciendo el argumento '-ae'/'--exclude_audio'.

ARGUMENTOS:
-src/--source: Nombre del vídeo original (OBLIGATORIO)
-dest/--destination: Nombre del video a generar ('NewFilteredVid.mp4' por defecto)
-sgc/--sigma_color: Valor sigma para espacio de color (75 por defecto)
-sgs/--sigma_space: Valor sigma espacial (75 por defecto)
-pd/--pixel_diameter: Diámetro de la vecindad de píxeles (9 por defecto)
-ae/--exclude_audio: Excluir audio y generar video sin sonido (OPCIONAL)

PARA CUALQUIER DUDA U OBSERVACIÓN UTILIZEN LA SECCIÓN DE COMENTARIOS
bvf
bvf2
bvf3
bvf4
Imágen de perfil

Editor de Morphing


Java

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 2 de Agosto del 2023 por Francisco Javier Rojas Garrido (27 códigos) (Publicado el 11 de Abril del 2022)
2.187 visualizaciones desde el 11 de Abril del 2022
Aplicación que permite crear vídeos con efecto de morphing.

1-Selecciona la imagen máster.
2-Crea la malla de triángulos.
3-Pon los vértices en la posición correcta de cada imagen.

Tras hacer esto, podrás guardar el proyecto y crear un vídeo de Morphing con el resultado.

Vídeo demostración:
https://frojasg1.com:8443/resource_counter/resourceCounter?operation=countAndForward&url=https%3A%2F%2Ffrojasg1.com%2Fdemos%2Faplicaciones%2Fmorphing%2Fsolo.Modelos.how.to.mp4%3Forigin%3Dlawebdelprogramador&origin=web

Vídeo creado con esta aplicación:
https://frojasg1.com:8443/resource_counter/resourceCounter?operation=countAndForward&url=https%3A%2F%2Ffrojasg1.com%2Fdemos%2Faplicaciones%2Fmorphing%2Fsolo.Modelos.mp4%3Forigin%3Dlawebdelprogramador&origin=web


MorphingEditor.v1.0
Imágen de perfil

Vídeo Fullscreen Responsive


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 5 de Enero del 2022 por Scriptshow (141 códigos)
4.159 visualizaciones desde el 5 de Enero del 2022
Saludos,

HTML5 y CSS3 para hacer un Vídeo Fullscreen Responsive. Un pequeño Script asegura el arranque en diversos dispositivos y navegadores web.

Veamos el código completo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
 
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Full Screen Video Background</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
 
html,body {
height:100%;
}
 
body {
font-size:16px;
font-family:"Helvetica", sans-serif;
line-height:1.5;
color:#FFFFFF;
}
 
.content {
position:relative;
top:28%;
z-index:2;
margin:0 auto;
max-width:640px;
text-align:center;
}
 
.video {
position:fixed;
top:50%;
left:50%;
z-index:1;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
</style>
</head>
<body>
<div class="content">
<h1>Video Full Screen Test</h1>
<p>Este Vídeo Background Responsive se adapta al tamaño de dispositivos y navegadores.</p>
<a href="#">Test</a>
</div>
 
<video id="video" class="video" muted loop>
<source src="video.mp4" type="video/mp4">
<source src="video.ogv" type="video/ogg">
<source src="video.webm" type="video/webm">
</video>
 
<script type="text/javascript">
(function() {
var video=document.getElementById("video");
video.addEventListener("canplay", function() {video.play()});
})();
</script>
</body>
</html>

Espero sea útil.
Imágen de perfil

Vídeo como fondo de página con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 28 de Febrero del 2021 por Joan (121 códigos) (Publicado el 8 de Octubre del 2019)
4.911 visualizaciones desde el 8 de Octubre del 2019
En este código se muestra como mediante CSS ponemos un vídeo como fondo de pántalla.

video-como-fondo-pantalla
Imágen de perfil

Visor de datos de video e imagen.


Python

Actualizado el 26 de Enero del 2021 por Antonio (77 códigos) (Publicado el 2 de Noviembre del 2020)
3.000 visualizaciones desde el 2 de Noviembre del 2020
El siguiente programa muestra en una ventana una serie variada de datos referidas a archivos de vídeo e imagen (tales como tamaño, duración, frame rate...etc). Simplemente hay que seleccionar el archivo deseado mediante el botón "SEARCH".

vd
Imágen de perfil

Juego: "Pong"


Python

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2020 por Antonio (77 códigos)
9.203 visualizaciones desde el 20 de Diciembre del 2020
El clásico juego del "Pong", con Python y Turtle.

CONTROLES:
Iniciar partida: Tecla "ENTER"
Control pala izquierda: Botones "w" y "s"
Control pala derecha: Botones de dirección, arriba y abajo

Se adjunta un archivo de audio ("pong.mp3") que reproduce el sonido de la pelota al rebotar.
PARA CUALQUIER DUDA U OBSERVACIÓN, USEN LA SECCIÓN DE COMENTARIOS.

pongpic
ponpic
Anterior123Siguiente