Skip to content

Instantly share code, notes, and snippets.

View lettergram's full-sized avatar
🕶️
Loading...

Austin Walters lettergram

🕶️
Loading...
View GitHub Profile
<!--- For use on insideropinion.com --->
<div id="botDemo" class="col-md-8">
<div class="demo-container">
<a href="" onclick="Calendly.initPopupWidget({url: 'https://url.com'});return false;">
<video autoplay loop muted playsinline
poster="img/poster.png"
class="demo-vid">
<source src="video/demo.webm"
type="video/webm" class="demo-vid" />
/* For use on InsiderOpinion.com */
.demo-container {
border-radius: 20px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 15px 0 rgba(0, 0, 0, 0.19);
}
.demo-container:hover .demo-vid { opacity: 0.4; }
.demo-container:hover .demo-img { opacity: 0.4; }
.demo-container:hover .demo-box-try { opacity: 1.0; }
<!--- For use on insideropinion.com --->
<div id="botDemo" class="col-md-8">
<div class="demo-container">
<a href="" onclick="Calendly.initPopupWidget({url: 'https://url.com'});return false;">
<img src="img/gifs/demo.gif" alt="insideropinion bot demo" class="demo-img">
</a>
<a href="https://join.slack.com" target="_blank">
<div class="demo-box-try">
<span class="demo-text">
ffmpeg -i <input gif> -c vp9 -b:v 0 -crf 41 -vf scale=900x376 <output webm video>
fmpeg -i <input mp4 video> -crf 41 -vf scale=900x376 <output webm video>
ffmpeg -i <input video> -crf 30 -vf scale=900x376 <output vide>
ffmpeg -i <input gif> -b:v 0 -crf 35 -f mp4 -vcodec libx264 -pix_fmt yuv420p <output mp4>
gifsicle -i <input gif> -O3 --colors 64 --resize 900x376 -o <ouput gif>
gifsicle -i <input gif> -O3 --colors 128 -o <ouput gif>
ffmpeg -i <input video> -vf palettegen palette.png
ffmpeg -i <input video> -i palette.png -filter_complex paletteuse -r 8 <ouput gif>