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 27 coincidencias
<<>>
Se ha buscado por el tag: video
Imágen de perfil
Actualizado

Generador de gifs a partir de video (nueva version)


Python

Actualizado el 16 de Abril del 2024 por Antonio (75 códigos) (Publicado el 29 de Enero del 2024)
487 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
Actualizado

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


Python

Actualizado el 13 de Abril del 2024 por Antonio (75 códigos) (Publicado el 20 de Marzo del 2023)
6.006 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
Actualizado

Vista 'grid' (demo)


Python

Actualizado el 9 de Abril del 2024 por Antonio (75 códigos) (Publicado el 31 de Julio del 2023)
2.483 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

Editor de Morphing


Java

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 2 de Agosto del 2023 por Francisco Javier Rojas Garrido (24 códigos) (Publicado el 11 de Abril del 2022)
1.230 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)
3.470 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.289 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 (75 códigos) (Publicado el 2 de Noviembre del 2020)
2.577 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 (75 códigos)
8.212 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
Imágen de perfil

Generador de videos de ruido.


Python

Actualizado el 17 de Diciembre del 2020 por Antonio (75 códigos) (Publicado el 12 de Diciembre del 2020)
1.677 visualizaciones desde el 12 de Diciembre del 2020
El presente código genera en la carpeta cuya ruta indicaremos, un video tipo glitch: Para ello, el programa nos pedirá el frame rate, dimensiones y duración en segundos del futuro vídeo, y los rangos de color (para los canales azul, verde y rojo) para definir el color de cada pixel. A partir de ahí se generará la creación del video en 2 fases: 1º la creación de los frames que compondrán el video (que luego podremos eliminar), y 2º la creación del vídeo a partir de dichos frames.

gm
gm2
gm3
gm4
gli
Anterior123Siguiente