Basic instructions on how to use ffmpeg to embed a user friendly video from a series ofplots into a README.md in GitHub.

1. Github Readme Video Chat
2. Github Readme Video
3. Embed Video Github Readme

Elementor Page Builder Contributors: elemntor, KingYes, ariel.k, jzaltzberg, mati1000, pojosh, bainternet Tags: page builder, editor, landing page, drag-and. How to Build creative ReadME for your Github Profile. If you regularly use Github and watch others profile, so you might have noticed, that some people have some Attractive stats, Tools logos in their profiles. So through this post, i am going to share some cool stuff for your Github profile with you. For DEMO you can check my Github Profile here. A Greasemonkey script to better integrate Youtube videos in Github markdown (pull requests, issues, comments.). It adds a new button the Github markdown editor to transform any Youtube video URL to the code to a link to the video using the video thumbnail generated by Youtube. You can Design your Github profile using Username/README.md repo, this amazing update is under development. If you want to listed your all project, website, all social media link and many other link then this github update is for you. IMPORTANT: Video Analytics Serving is provided as a sample.It is not intended to be deployed into production environments without modification. Developers deploying Video Analytics Serving should review it against their production requirements.

• Mac user (can use apt-get on Linux for installs)

Get convert with homebrew as

• -delay 10 means 10*10msso a delay of a -delay 100 is 1s
• -loop 0 states there is no pause before looping

If you find your .gif is too large then the size can be significantly reduced with

In my example this reduced the size from a whopping 147MB to 3MB!

This won’t work for Github README files but it is worth stating anyway for Jekyll based sites that use markdown.

Requirements

Get ffmpeg with

if you obtain an error of Unknown encoder 'libvpx'
or Unknown encoder 'libtheora' then you need to do

Movie from Plots

I assume that images are outputted by a plotting software such as gnuplot of mathplotlibat regular intervals. They should be numbered sequentially.

• -r 60 this sets the framerate to 60fps
• -pattern_type glob -i 'input*' matches all files with input and reads in order
• output.mp4 output file name
• -s 1920x1080 set the output resolution

Dynamically resize

Some browsers don’t recognise .mp4 files forcing the use of a Flash plugin. This format allows HTML5 to use its default plugin

The following format is also necessary for multi-browser support

Adding the CSS

Add the css code to _sass/call_me_what_you_like.scss

Adding the HTML

The following HTML will then generate the correct video in your Jekyll site.

In this actual case I also wrapped the <div> tag within a <figure> tag that is provided in thissite’s template

Github Readme Video Chat

Github Readme Video

Embed Video Github Readme