Feed RSS de publicaciones etiquetadas con ediciónhttps://javguerra.github.io/https://javguerra.github.io/blog/edicion-videohttps://javguerra.github.io/blog/edicion-videoEjemplo realizado con OpenShot Video EditorSat, 14 May 2022 00:00:00 GMT<p><img src="https://javguerra.github.io/_astro/big-buck-bunny.BHyYhI7z_2jn39k.webp" alt="Video" style="max-width: 100%; height: auto;" /></p><p><strong>Etiquetas:</strong> <em>#html</em>, <em>#css</em>, <em>#edición</em>, <em>#video</em>, <em>#herramienta</em></p><hr /><p>Esta simple edición de video que preparé para la asignatura de Diseño de Interfaces Web de FPGS. de Desarrollo de Aplicaciones Web, no es, desde luego, una obra de arte, ya que incluye filtros de video sin demasiado sentido, tal como pedía el ejercicio, pero ejemplifica el trabajo realizado con una herramienta de edición de video no lineal como es OpenShot Video Editor.</p> <p>Aquí el resultado: <a href="http://badared.com/javguerra/daw/video/index.html"><button>Ver video</button></a></p> <p>El ejercicio muestra, no obstante, algunas cuestiones interesantes:</p> <ul> <li>El vídeo hace uso de las etiquetas <code>figure</code>, <code>video</code> y <code>figcaption</code> de HTML5.</li> <li>Emplea el reproductor de video implícito en el navegador.</li> <li>Cuenta con subtítulos sincronizados con la reproducción de video en formato <code>vtt</code>.</li> <li>La página y el vídeo son <em>responsive</em>, adaptándose al tamaño de la ventana del navegador.</li> <li>El video incluye efectos de imagen, transiciones, música y títulos de crédito.</li> </ul> <p>El video <em>maltratado</em> aquí, corresponde al corto «<a href="https://peach.blender.org/">Big Buck Bunny</a>» realizado con la herramienta 3D <a href="https://www.blender.org/">Blender</a>. Ambos, el video y la herramienta, son de uso libre.</p> <p><a href="https://www.openshot.org/es/">OpenShot Video Editor</a> es una herramienta de edición libre que merece una entrada a parte más adelante.</p> htmlcssediciónvideoherramientaJavGuerrahttps://javguerra.github.io/blog/galeria-carouselhttps://javguerra.github.io/blog/galeria-carouselUna pequeña galería de fotos de ejemploFri, 29 Apr 2022 00:00:00 GMT<p><img src="https://javguerra.github.io/_astro/galeria-vnzla.-8Rqrg6B_Z1gNkrA.webp" alt="Galería Venezuela" style="max-width: 100%; height: auto;" /></p><p><strong>Etiquetas:</strong> <em>#portfolio</em>, <em>#web</em>, <em>#viaje</em>, <em>#código</em>, <em>#css</em>, <em>#html</em>, <em>#javascript</em>, <em>#bootstrap</em>, <em>#fotografía</em>, <em>#edición</em>, <em>#venezuela</em></p><hr /><p>Las primeras veces que viajé a Venezuela quedé impactado por su belleza y las gentes que allí conocí. Me inspiró para realizar esta <a href="https://badared.com/javguerra/daw/galeria/">galería de fotos</a> de ejemplo para la asignatura de Diseño de Interfaces Web de Formación Profesional de Grado Superior de Desarrollo de Aplicaciones Web (DAW).</p> <p>La galería muestra un carousel de imágenes con Boortrap y JavaScript, es <em>responsive</em> y cumple con los estándares web y de accesibilidad.</p> <p>Es un buen ejercicio para mostrar las posibilidades del diseño web con HTML y CSS.</p> <p><a href="https://badared.com/javguerra/daw/galeria/"><button>visita la galería de fotos</button></a></p> <p>La foto de esta entrada es un montaje que realicé con Gimp tomando como base las tres fotos de la galería componiendo con ellas un collage y aplicando filtros de envejecido.</p> portfoliowebviajecódigocsshtmljavascriptbootstrapfotografíaediciónvenezuelaJavGuerra