Javascript Animation Creating Image Control for Websites and Videos
Using Javascript Animation for creating image control on websites or creating video image movement. I use a lot of JavaScript for creating youtube videos. Sometimes for introduction using animations. For that I screen capture the animation taking place in a browser. Sometimes create images that I convert into videos. These samples are live on my website https://mylinuxtoybox.com/javascript . Stop by see how they work and play. I will be continuously adding more effects.
Twitter: https://twitter.com/JackLNorthrup Although this channel is called MyLinuxToyBox many topics will also appropriate for Windows users. If you want to learn about computers it would be well worth the subscription. I will be posting videos about computer languages, computer graphics, video and audio creation and editing. How to create bots, use VPS services, docker and Github are just a few topics I will cover in the future. I am excited and only posted my first video today ( this is it ) ha ha ha My format will be simple, a sample video, followed up with a complete explanation as to how it was done. Subscribe and write me a comment. Ask a question I will try to answer. ... https://www.youtube.com/watch?v=wwNkk-cCdJs
This is a Tutorial showing how the Introduction to " Opening Curtain to Bisdak Arizona" was made. The Open Source software tools used were Gimp and Kdenlive.
First the public domain image of a curtain, was cut into three images. The base background, the right curtain and the left curtain. Those images were loaded into Kdenlive. Then the two curtain images were animated to open for a few seconds then to close. Sounds easy watch the video.
I must give thanks to Bisdak Arizona for the use of her video clip. This is an outstanding live stream. Be sure to visit her at the link below:
http://www.youtube.com/watch?v=kUcVMk23KcY&t=2037
Although this channel is called MyLinuxToyBox many topics will also appropriate for Windows users. If you want to learn about computers it would be well worth the subscription. I will be posting videos about computer languages, computer graphics, video and audio creation and editing. My format will be simple, a sample video, followed up with a complete explanation as to how it was done. Subscribe and write me a comment. Ask a question I will try to answer.
...
https://www.youtube.com/watch?v=M_h9CElYUXU
On this channel I demonstrate, by example, various graphics, video editing, audio and animation software. Only Open Source (FREE) software is used in the video creations.
When possible I demonstrate the software and promote other channels at the same time. I use their channel art and content. This is only done with the channel's permission.
My goal is to tutor art and graphics creation software anyone can use for free.
All software is multiplatform ( WIndows, Linux or Mac OS). Gimp, Krita, Synfig Studio, Kdenlive, Audacity and Blender will be the primary Tools used.
There is a sister website which may be referred to in videos:
https://mylinuxtoybox.com. Much of its content is relevant to videos.
Any special request will be catered too if possible.
...
https://www.youtube.com/watch?v=tldGMu8TvDA
This SPEED DRAW features a Creepy Clown. I used GIMP which is an Open Source) Open Source Image editor. The video was created using Kdenlive. On this channel I demonstrate, by example, various graphics, video editing, audio and animation software. Only Open Source (FREE) software is used in the video creations.
When possible I demonstrate the software and promote other channels at the same time. I use their channel art and content. This is only done with the channel's permission.
My goal is to tutor art and graphics creation software anyone can use for free.
All software is multiplatform ( WIndows, Linux or Mac OS). Gimp, Krita, Synfig Studio, Kdenlive, Audacity and Blender will be the primary Tools used.
There is a sister website which may be referred to in videos:
https://mylinuxtoybox.com. Much of its content is relevant to videos.
Any special request will be catered too if possible.
...
https://www.youtube.com/watch?v=EKyUkE2AlGY
I did not even realize the WARP tool existed in Gimp. A warp can distort images and is very useful in image effects. This black white and red video is a fast introduction to the tool. I was watching Jonathan Kendall and he was using the Gimp warp tool. I had not used a warp tool for years and that was in Photoshop. So I want to thank Jonathan Kendall for this video idea. Jonathan Kendall Link: https://www.youtube.com/channel/UCED3b70ET1LOQu83Jp8w1Ig
His link is provided at the end of this video.
On this channel I demonstrate, by example, various graphics, video editing, audio and animation software. Only Open Source (FREE) software is used in the video creations.
When possible I demonstrate the software and promote other channels at the same time. I use their channel art and content. This is only done with the channel's permission.
My goal is to tutor art and graphics creation software anyone can use for free.
All software is multiplatform ( WIndows, Linux or Mac OS). Gimp, Krita, Synfig Studio, Kdenlive, Audacity and Blender will be the primary Tools used.
There is a sister website which may be referred to in videos:
https://mylinuxtoybox.com. Much of its content is relevant to videos.
Any special request will be catered too if possible.
...
https://www.youtube.com/watch?v=KSQfQCLki3c
Once we have Converted Images to Video we need to Add Sound to the video. In part 2 of 2 we will be using FFmpeg.
Much of the code used in and to create these videos is available on my website and in github. Both are linked in the header image.
Although this channel is called MyLinuxToyBox many topics will also appropriate for Windows users. If you want to learn about computers it would be well worth the subscription. I will be posting videos about computer languages, computer graphics, video and audio creation and editing. How to create bots, use VPS services, docker and Github are just a few topics I will cover in the future. I am excited and only posted my first video today ( this is it ) ha ha ha My format will be simple, a sample video, followed up with a complete explanation as to how it was done. Subscribe and write me a comment. Ask a question I will try to answer.
...
https://www.youtube.com/watch?v=hp_l_BFbLO8
I saw a lot of the LeekBom music out there and had to play with it.
Loituma-Ievan Polkka leek spin
Leekbomb | Leekspin Myra Philippines
Music credit to : us.archive.org
https://ia902307.us.archive.org/10/items/HatsuneMikuSingsIevanPolkka/Hatsune%20Miku%20sings%20_Ievan%20Polkka_.mp3
Although this channel is called MyLinuxToyBox many topics will also appropriate for Windows users. If you want to learn about computers it would be well worth the subscription. I will be posting videos about computer languages, computer graphics, video and audio creation and editing. How to create bots, use VPS services, docker and GitHub are just a few topics I will cover in the future. I am excited and only posted my first video today ( this is it ) ha ha ha My format will be simple, a sample video, followed up with a complete explanation as to how it was done. Subscribe and write me a comment. Ask a question I will try to answer.
Hatsune Miku, Ievan Polkka,
Hatsune Miku Sings, Polkka,
Hatsune Miku Sings Ievan Polkka
...
https://www.youtube.com/watch?v=9bLSbP8-yhg
ffmpeg -hide_banner -i output.mp4 -i How-to-make-Filipino-red-eggs-Philippines-Filipino-Sari-Sari-Store.mp4 -an \
-filter_complex \
" [0:v]trim=start=0:end=5,setpts=PTS-STARTPTS[firstclip];
[1:v]trim=start=1,setpts=PTS-STARTPTS[secondclip];
[0:v]trim=start=5:end=10,setpts=PTS-STARTPTS[fadeoutsrc];
[1:v]trim=start=0:end=1,setpts=PTS-STARTPTS[fadeinsrc];
[fadeinsrc]format=pix_fmts=yuva420p,
fade=t=in:st=0:d=1:alpha=1[fadein];
[fadeoutsrc]format=pix_fmts=yuva420p,
fade=t=out:st=0:d=1:alpha=1[fadeout];
[fadein]fifo[fadeinfifo];
[fadeout]fifo[fadeoutfifo];
[fadeoutfifo][fadeinfifo]overlay[crossfade];
[firstclip][crossfade][secondclip]concat=n=3[output];
[0:a][1:a] acrossfade=d=1 [audio] " \
-map "[output]" -map "[audio]" result.mp4
Then to add the Sea Salt at 20 seconds:
fmpeg -y -i result.mp4 -filter_complex "\
[0]split[base][text]; \
[text]drawtext=fontfile=/snap/freemind/2/usr/share/fonts/truetype/dejavu/DejaVuSans-Bold.ttf: \
text='Sea Salt':fontcolor=white: fontsize=40: box=1: boxcolor=black@0.2:boxborderw=5: x=100: \y=100,format=yuva444p,fade=t=in:st=20:d=2:alpha=1,fade=t=out:st=23:d=3:alpha=1[subtitles]; \
[base][subtitles]overlay" -c:a copy result-text03.mp4
Although this channel is called MyLinuxToyBox many topics will also appropriate for Windows users. If you want to learn about computers it would be well worth the subscription. I will be posting videos about computer languages, computer graphics, video and audio creation and editing. How to create bots, use VPS services, docker and Github are just a few topics I will cover in the future. I am excited and only posted my first video today ( this is it ) ha ha ha My format will be simple, a sample video, followed up with a complete explanation as to how it was done. Subscribe and write me a comment. Ask a question I will try to answer.
...
https://www.youtube.com/watch?v=GMjult09kG8
Still trying to get a good stream with terrible internet.
Might not be possible. I may have to upload all as unlisted. Then make public
...
https://www.youtube.com/watch?v=v5DRZkjbIWs
This is a tutorial on using Jupyter notebook to create and edit YouTube Videos. There will be several more shorter video on specific FFmpeg topic as well as the Jupyter notebook. I use Jupyter notebook for many things other then Python code. This is one of many videos to be published using Jupyter and ffmpeg,
Although this channel is called MyLinuxToyBox many topics will also appropriate for Windows users. If you want to learn about computers it would be well worth the subscription. I will be posting videos about computer languages, computer graphics, video and audio creation and editing. How to create bots, use VPS services, docker and Github are just a few topics I will cover in the future. I am excited and only posted my first video today ( this is it ) ha ha ha My format will be simple, a sample video, followed up with a complete explanation as to how it was done. Subscribe and write me a comment. Ask a question I will try to answer.
...
https://www.youtube.com/watch?v=dBwwcf64qKY