mirror/ffmprovisr
1
0
Fork 0
mirror of https://github.com/amiaopensource/ffmprovisr.git synced 2024-12-25 19:28:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

moves visual style to local css, simplifies button style to one class, breaks words on small screens

Browse Source
This commit is contained in:
Ashley Blewer 2017-10-14 14:00:28 -04:00
parent 21a019612c
commit 0a2e1ca63a
2 changed files with 104 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
css/css.css
View File

@ -1,5 +1,10 @@
html, body {
font-size: 16px;
line-height: 1.5;
color: #888888;
background-color: #060606;
margin: 0;
word-break: break-word;
}
.grid {
@ -121,7 +126,22 @@ div {
color: white;
}
button {
font: inherit;
font-family: inherit;
color: inherit;
}
.btn {
border: 1px solid transparent;
background-color: #424242;
font-size: 1em;
line-height: 1.5em;
white-space: normal;
cursor: pointer;
padding: 8px 12px;
border-radius: 4px;
padding-left: 2.5em;
margin: 8px;
display: inline-block;
vertical-align: middle;
@ -132,7 +152,6 @@ div {
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
padding-left: 2.5em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}

168
index.html
View File

@ -71,7 +71,7 @@
<!-- Basic structure of an FFmpeg command -->
<span data-toggle="collapse" data-target="#basic-structure">
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Basic structure of an FFmpeg command">Basic structure of an FFmpeg command</button>
<button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Basic structure of an FFmpeg command">Basic structure of an FFmpeg command</button>
</span>
<div id="basic-structure" class="collapse">
<h3>Basic structure of an FFmpeg command</h3>
@ -97,7 +97,7 @@
<h2 id="concepts">Learn about more advanced FFmpeg concepts</h2>
<!-- Filtergraph explanation -->
<span data-toggle="collapse" data-target="#filtergraphs"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Filtergraphs">Filtergraphs</button></span>
<span data-toggle="collapse" data-target="#filtergraphs"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Filtergraphs">Filtergraphs</button></span>
<div id="filtergraphs" class="collapse">
<h3>Filtergraphs</h3>
<p class="link"></p>
@ -130,7 +130,7 @@
<h2 id="rewrap">Change container (rewrap)</h2>
<!-- Basic rewrap command -->
<span data-toggle="collapse" data-target="#basic-rewrap"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Basic rewrap command">Basic rewrap command</button></span>
<span data-toggle="collapse" data-target="#basic-rewrap"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Basic rewrap command">Basic rewrap command</button></span>
<div id="basic-rewrap" class="collapse">
<h3>Rewrap a file</h3>
<p class="link"></p>
@ -153,7 +153,7 @@
<!-- End Basic rewrap command -->
<!-- MKV to MP4 -->
<span data-toggle="collapse" data-target="#mkv_to_mp4"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Convert Matroska (MKV) to MP4">MKV to MP4</button></span>
<span data-toggle="collapse" data-target="#mkv_to_mp4"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Convert Matroska (MKV) to MP4">MKV to MP4</button></span>
<div id="mkv_to_mp4" class="collapse">
<h3>MKV to MP4</h3>
<p class="link"></p>
@ -178,7 +178,7 @@
<h2 id="transcode">Change codec (transcode)</h2>
<!-- Transcode to ProRes -->
<span data-toggle="collapse" data-target="#to_prores"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transcode to deinterlaced Apple ProRes LT">Transcode to ProRes</button></span>
<span data-toggle="collapse" data-target="#to_prores"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transcode to deinterlaced Apple ProRes LT">Transcode to ProRes</button></span>
<div id="to_prores" class="collapse">
<h3>Transcode into a deinterlaced Apple ProRes LT</h3>
<p class="link"></p>
@ -209,7 +209,7 @@
<!-- ends Transcode to ProRes -->
<!-- Transcode to H.264 -->
<span data-toggle="collapse" data-target="#transcode_h264"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transcode to an H.264 access file">Transcode to H.264</button></span>
<span data-toggle="collapse" data-target="#transcode_h264"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transcode to an H.264 access file">Transcode to H.264</button></span>
<div id="transcode_h264" class="collapse">
<h3>Transcode to H.264</h3>
<p class="link"></p>
@ -236,7 +236,7 @@
<!-- ends Transcode to H.264 -->
<!-- H.264 from DCP -->
<span data-toggle="collapse" data-target="#dcp_to_h264"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transcode from DCP to an H.264 access file">H.264 from DCP</button></span>
<span data-toggle="collapse" data-target="#dcp_to_h264"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transcode from DCP to an H.264 access file">H.264 from DCP</button></span>
<div id="dcp_to_h264" class="collapse">
<h3>H.264 from DCP</h3>
<p class="link"></p>
@ -262,7 +262,7 @@
<!-- ends H.264 from DCP -->
<!-- Transcode to FFV1.mkv -->
<span data-toggle="collapse" data-target="#create_FFV1_mkv"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transcode your file with the FFV1 Version 3 Codec in a Matroska container">Create FFV1.mkv</button></span>
<span data-toggle="collapse" data-target="#create_FFV1_mkv"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transcode your file with the FFV1 Version 3 Codec in a Matroska container">Create FFV1.mkv</button></span>
<div id="create_FFV1_mkv" class="collapse">
<h3>Create FFV1 Version 3 video in a Matroska container with framemd5 of input</h3>
<p class="link"></p>
@ -288,7 +288,7 @@
<!-- ends Transcode to FFV1.mkv-->
<!-- Rip DVD -->
<span data-toggle="collapse" data-target="#dvd_to_file"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Basic DVD to file conversion">Convert DVD to H.264</button></span>
<span data-toggle="collapse" data-target="#dvd_to_file"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Basic DVD to file conversion">Convert DVD to H.264</button></span>
<div id="dvd_to_file" class="collapse">
<h3>Convert DVD to H.264</h3>
<p class="link"></p>
@ -320,7 +320,7 @@
<!-- ends rip DVD -->
<!-- Transcode to H.265 -->
<span data-toggle="collapse" data-target="#transcode_h265"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transcode to an H.265/HEVC MP4">Transcode to H.265/HEVC</button></span>
<span data-toggle="collapse" data-target="#transcode_h265"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transcode to an H.265/HEVC MP4">Transcode to H.265/HEVC</button></span>
<div id="transcode_h265" class="collapse">
<h3>Transcode to H.265/HEVC</h3>
<p class="link"></p>
@ -350,7 +350,7 @@
<!-- Here comes audio-only transcoding -->
<!-- WAV to MP3 -->
<span data-toggle="collapse" data-target="#wav_to_mp3"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Convert WAV to MP3">WAV to MP3</button></span>
<span data-toggle="collapse" data-target="#wav_to_mp3"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Convert WAV to MP3">WAV to MP3</button></span>
<div id="wav_to_mp3" class="collapse">
<h3>WAV to MP3</h3>
<p class="link"></p>
@ -375,7 +375,7 @@
<!-- ends WAV to MP3 -->
<!-- WAV to AAC/MP4 -->
<span data-toggle="collapse" data-target="#wav_to_mp4"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Convert WAV to AAC/MP4">WAV to AAC/MP4</button></span>
<span data-toggle="collapse" data-target="#wav_to_mp4"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Convert WAV to AAC/MP4">WAV to AAC/MP4</button></span>
<div id="wav_to_mp4" class="collapse">
<h3>WAV to AAC/MP4</h3>
<p class="link"></p>
@ -399,7 +399,7 @@
<h2 id="properties">Change video properties</h2>
<!-- 4:3 to 16:9 -->
<span data-toggle="collapse" data-target="#SD_HD"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transform 4:3 aspect ratio into 16:9 with pillarbox">4:3 to 16:9</button></span>
<span data-toggle="collapse" data-target="#SD_HD"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transform 4:3 aspect ratio into 16:9 with pillarbox">4:3 to 16:9</button></span>
<div id="SD_HD" class="collapse">
<h3>Transform 4:3 aspect ratio into 16:9 with pillarbox</h3>
<p class="link"></p>
@ -417,7 +417,7 @@
<!-- ends 4:3 to 16:9 -->
<!-- 16:9 to 4:3 -->
<span data-toggle="collapse" data-target="#HD_SD"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transform 16:9 aspect ratio video into 4:3 with letterbox">16:9 to 4:3</button></span>
<span data-toggle="collapse" data-target="#HD_SD"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transform 16:9 aspect ratio video into 4:3 with letterbox">16:9 to 4:3</button></span>
<div id="HD_SD" class="collapse">
<h3>Transform 16:9 aspect ratio video into 4:3 with letterbox</h3>
<p class="link"></p>
@ -436,7 +436,7 @@
<!-- ends 16:9 to 4:3 -->
<!-- SD to HD -->
<span data-toggle="collapse" data-target="#SD_HD_2"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transform SD to HD with pillarbox">SD to HD</button></span>
<span data-toggle="collapse" data-target="#SD_HD_2"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transform SD to HD with pillarbox">SD to HD</button></span>
<div id="SD_HD_2" class="collapse">
<h3>Transform SD into HD with pillarbox</h3>
<p class="link"></p>
@ -459,7 +459,7 @@
<!-- ends SD to HD -->
<!-- Change display aspect ratio without re-encoding video-->
<span data-toggle="collapse" data-target="#change_DAR"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Change display aspect ratio without re-encoding">Change Display Aspect Ratio</button></span>
<span data-toggle="collapse" data-target="#change_DAR"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Change display aspect ratio without re-encoding">Change Display Aspect Ratio</button></span>
<div id="change_DAR" class="collapse">
<h3>Change Display Aspect Ratio without reencoding video</h3>
<p class="link"></p>
@ -475,7 +475,7 @@
<!-- ends Change display aspect ratio without re-encoding video -->
<!-- Convert colourspace -->
<span data-toggle="collapse" data-target="#convert-colourspace"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Convert colourspace of video">Convert colourspace</button></span>
<span data-toggle="collapse" data-target="#convert-colourspace"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Convert colourspace of video">Convert colourspace</button></span>
<div id="convert-colourspace" class="collapse">
<h3>Transcode video to a different colourspace</h3>
<p class="link"></p>
@ -528,7 +528,7 @@
<!-- Modify speed -->
<span data-toggle="collapse" data-target="#modify_speed"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Modify image and sound speed">Modify speed</button></span>
<span data-toggle="collapse" data-target="#modify_speed"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Modify image and sound speed">Modify speed</button></span>
<div id="modify_speed" class="collapse">
<h3>Modify image and sound speed</h3>
<p class="link"></p>
@ -551,7 +551,7 @@
<!-- ends Modify speed -->
<!-- Make stream properties explicate -->
<span data-toggle="collapse" data-target="#clarify_stream"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Clarify stream properties">Set stream properties</button></span>
<span data-toggle="collapse" data-target="#clarify_stream"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Clarify stream properties">Set stream properties</button></span>
<div id="clarify_stream" class="collapse">
<h3>Set stream properties</h3>
<p class="link"></p>
@ -591,7 +591,7 @@
<h2 id="join-trim">Join, trim, or excerpt a video</h2>
<!-- Join files together -->
<span data-toggle="collapse" data-target="#join_files"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Join (concatenate) two or more files into a single file">Join files together</button></span>
<span data-toggle="collapse" data-target="#join_files"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Join (concatenate) two or more files into a single file">Join files together</button></span>
<div id="join_files" class="collapse">
<h3>Join files together</h3>
<p class="link"></p>
@ -617,7 +617,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Join files together -->
<!-- Split file into segments -->
<span data-toggle="collapse" data-target="#segment_file"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Split one file into several smaller segments">Split file into segments</button></span>
<span data-toggle="collapse" data-target="#segment_file"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Split one file into several smaller segments">Split file into segments</button></span>
<div id="segment_file" class="collapse">
<h3>Split file into segments</h3>
<p class="link"></p>
@ -647,7 +647,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Split file into segments -->
<!-- Trim -->
<span data-toggle="collapse" data-target="#trim"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Trim video">Trim video</button></span>
<span data-toggle="collapse" data-target="#trim"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Trim video">Trim video</button></span>
<div id="trim" class="collapse">
<h3>Trim a video without re-encoding</h3>
<p class="link"></p>
@ -673,7 +673,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Trim -->
<!-- Excerpt from beginning -->
<span data-toggle="collapse" data-target="#excerpt_from_start"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create an excerpt, starting from the beginning of the file">Excerpt from beginning</button></span>
<span data-toggle="collapse" data-target="#excerpt_from_start"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create an excerpt, starting from the beginning of the file">Excerpt from beginning</button></span>
<div id="excerpt_from_start" class="collapse">
<h3>Excerpt from beginning</h3>
<p class="link"></p>
@ -691,7 +691,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Excerpt from beginning -->
<!-- Excerpt to end -->
<span data-toggle="collapse" data-target="#excerpt_to_end"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create a new video file with the first five seconds trimmed off the original">Excerpt to end</button></span>
<span data-toggle="collapse" data-target="#excerpt_to_end"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create a new video file with the first five seconds trimmed off the original">Excerpt to end</button></span>
<div id="excerpt_to_end" class="collapse">
<h3>Excerpt to end</h3>
<p class="link"></p>
@ -709,7 +709,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Excerpt to end -->
<!-- Excerpt from end -->
<span data-toggle="collapse" data-target="#excerpt_from_end"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create a new video file with the final five seconds of the original">Excerpt from end</button></span>
<span data-toggle="collapse" data-target="#excerpt_from_end"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create a new video file with the final five seconds of the original">Excerpt from end</button></span>
<div id="excerpt_from_end" class="collapse">
<h3>Excerpt from end</h3>
<p class="link"></p>
@ -731,7 +731,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="interlacing">Work with interlaced video</h2>
<!-- NTSC to H.264 -->
<span data-toggle="collapse" data-target="#ntsc_to_h264"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Upscaled, pillar-boxed HD H.264 access files from SD NTSC source">NTSC to H.264</button></span>
<span data-toggle="collapse" data-target="#ntsc_to_h264"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Upscaled, pillar-boxed HD H.264 access files from SD NTSC source">NTSC to H.264</button></span>
<div id="ntsc_to_h264" class="collapse">
<h3>Upscaled, Pillar-boxed HD H.264 Access Files from SD NTSC source</h3>
<p class="link"></p>
@ -754,7 +754,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends NTSC to H.264 -->
<!-- Deinterlace video -->
<span data-toggle="collapse" data-target="#deinterlace"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Deinterlace video">Deinterlace video</button></span>
<span data-toggle="collapse" data-target="#deinterlace"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Deinterlace video">Deinterlace video</button></span>
<div id="deinterlace" class="collapse">
<h3>Deinterlace a video</h3>
<p class="link"></p>
@ -788,7 +788,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Deinterlace video -->
<!-- Inverse telecine -->
<span data-toggle="collapse" data-target="#inverse-telecine"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Inverse telecine video">Inverse telecine</button></span>
<span data-toggle="collapse" data-target="#inverse-telecine"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Inverse telecine video">Inverse telecine</button></span>
<div id="inverse-telecine" class="collapse">
<h3>Inverse telecine a video file</h3>
<p class="link"></p>
@ -818,7 +818,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Inverse telecine -->
<!-- Set field order -->
<span data-toggle="collapse" data-target="#set_field_order"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Set field order for interlaced video">Set field order</button></span>
<span data-toggle="collapse" data-target="#set_field_order"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Set field order for interlaced video">Set field order</button></span>
<div id="set_field_order" class="collapse">
<h3>Change field order of an interlaced video</h3>
<p class="link"></p>
@ -834,7 +834,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Set field order -->
<!-- Check interlacement -->
<span data-toggle="collapse" data-target="#check_interlacement"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Identify interlacement patterns in a video file">Check interlacement </button></span>
<span data-toggle="collapse" data-target="#check_interlacement"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Identify interlacement patterns in a video file">Check interlacement </button></span>
<div id="check_interlacement" class="collapse">
<h3>Check video file interlacement patterns</h3>
<p class="link"></p>
@ -854,7 +854,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="filters-scopes">Use filters or scopes</h2>
<!-- abitscope -->
<span data-toggle="collapse" data-target="#abitscope"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Audio Bitscope">Audio Bitscope</button></span>
<span data-toggle="collapse" data-target="#abitscope"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Audio Bitscope">Audio Bitscope</button></span>
<div id="abitscope" class="collapse">
<h3>Creates a visualization of the bits in an audio stream</h3>
<p class="link"></p>
@ -876,7 +876,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends abitscope -->
<!-- astats -->
<span data-toggle="collapse" data-target="#astats"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Play a graphical output showing decibel levels of an input file">Graphic for audio</button></span>
<span data-toggle="collapse" data-target="#astats"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Play a graphical output showing decibel levels of an input file">Graphic for audio</button></span>
<div id="astats" class="collapse">
<h3>Plays a graphical output showing decibel levels of an input file</h3>
<p class="link"></p>
@ -904,7 +904,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends astats -->
<!-- BRNG -->
<span data-toggle="collapse" data-target="#brng"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Identify pixels out of broadcast range">Broadcast Range</button></span>
<span data-toggle="collapse" data-target="#brng"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Identify pixels out of broadcast range">Broadcast Range</button></span>
<div id="brng" class="collapse">
<h3>Shows all pixels outside of broadcast range</h3>
<p class="link"></p>
@ -928,7 +928,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends BRNG -->
<!-- Vectorscope -->
<span data-toggle="collapse" data-target="#vectorscope"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Vectorscope from video to screen">Vectorscope</button></span>
<span data-toggle="collapse" data-target="#vectorscope"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Vectorscope from video to screen">Vectorscope</button></span>
<div id="vectorscope" class="collapse">
<h3>Plays vectorscope of video</h3>
<p class="link"></p>
@ -949,7 +949,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Vectorscope -->
<!--Side by Side Videos/Temporal Difference Filter-->
<span data-toggle="collapse" data-target="#tempdif"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Play two videos side by side while applying the temporal difference filter to both">Side by Side Videos/Temporal Difference Filter</button></span>
<span data-toggle="collapse" data-target="#tempdif"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Play two videos side by side while applying the temporal difference filter to both">Side by Side Videos/Temporal Difference Filter</button></span>
<div id="tempdif" class="collapse">
<h3>This will play two input videos side by side while also applying the temporal difference filter to them</h3>
<p class="link"></p>
@ -982,7 +982,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="metadata">View or strip metadata</h2>
<!-- Pull specs -->
<span data-toggle="collapse" data-target="#pull_specs"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Pull specs from video file">Pull specs</button></span>
<span data-toggle="collapse" data-target="#pull_specs"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Pull specs from video file">Pull specs</button></span>
<div id="pull_specs" class="collapse">
<h3>Pull specs from video file</h3>
<p class="link"></p>
@ -1001,7 +1001,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Pull specs -->
<!-- Strip metadata -->
<span data-toggle="collapse" data-target="#strip_metadata"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Strip metadata">Strip metadata</button></span>
<span data-toggle="collapse" data-target="#strip_metadata"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Strip metadata">Strip metadata</button></span>
<div id="strip_metadata" class="collapse">
<h3>Strips metadata from video file</h3>
<p class="link"></p>
@ -1022,7 +1022,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="create-thumbnails">Generate image files from a video</h2>
<!-- One thumbnail -->
<span data-toggle="collapse" data-target="#one_thumbnail"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Export one thumbnail per video file">One thumbnail</button></span>
<span data-toggle="collapse" data-target="#one_thumbnail"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Export one thumbnail per video file">One thumbnail</button></span>
<div id="one_thumbnail" class="collapse">
<h3>One thumbnail</h3>
<p class="link"></p>
@ -1039,7 +1039,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends One thumbnail -->
<!-- Multi thumbnail -->
<span data-toggle="collapse" data-target="#multi_thumbnail"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Export many thumbnails per video file">Many thumbnails</button></span>
<span data-toggle="collapse" data-target="#multi_thumbnail"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Export many thumbnails per video file">Many thumbnails</button></span>
<div id="multi_thumbnail" class="collapse">
<h3>Many thumbnails</h3>
<p class="link"></p>
@ -1060,7 +1060,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="animated-gif">Create an animated GIF</h2>
<!-- Images to GIF -->
<span data-toggle="collapse" data-target="#img_to_gif"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Converts images to GIF">Create GIF from still images</button></span>
<span data-toggle="collapse" data-target="#img_to_gif"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Converts images to GIF">Create GIF from still images</button></span>
<div id="img_to_gif" class="collapse">
<h3>Images to GIF</h3>
<p class="link"></p>
@ -1080,7 +1080,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Images to GIF -->
<!-- Create GIF -->
<span data-toggle="collapse" data-target="#create_gif"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create a GIF from a video">Create GIF from a video</button></span>
<span data-toggle="collapse" data-target="#create_gif"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create a GIF from a video">Create GIF from a video</button></span>
<div id="create_gif" class="collapse">
<h3>Create GIF</h3>
<p class="link"></p>
@ -1116,7 +1116,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="create-video">Create a video from images</h2>
<!-- Images to video -->
<span data-toggle="collapse" data-target="#images_2_video"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Transcode an image sequence into uncompressed 10-bit video">Image sequence into video</button></span>
<span data-toggle="collapse" data-target="#images_2_video"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Transcode an image sequence into uncompressed 10-bit video">Image sequence into video</button></span>
<div id="images_2_video" class="collapse">
<h3>Transcode an image sequence into uncompressed 10-bit video</h3>
<p class="link"></p>
@ -1134,7 +1134,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Images to video -->
<!-- Create video from image and audio -->
<span data-toggle="collapse" data-target="#image-audio"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create video from image and audio">Create video from image and audio</button></span>
<span data-toggle="collapse" data-target="#image-audio"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create video from image and audio">Create video from image and audio</button></span>
<div id="image-audio" class="collapse">
<h3>Create a video from an image and audio file.</h3>
<p class="link"></p>
@ -1159,7 +1159,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="overlay">Overlay timecode or text</h2>
<!-- Text Watermark -->
<span data-toggle="collapse" data-target="#text_watermark"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create opaque centered text watermark ">Text Watermark</button></span>
<span data-toggle="collapse" data-target="#text_watermark"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create opaque centered text watermark ">Text Watermark</button></span>
<div id="text_watermark" class="collapse">
<h3>Create centered, transparent text watermark</h3>
<p class="link"></p>
@ -1184,7 +1184,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Text watermark -->
<!-- Transparent Image Watermark -->
<span data-toggle="collapse" data-target="#image_watermark"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Overlay image watermark">Overlay image watermark on video</button></span>
<span data-toggle="collapse" data-target="#image_watermark"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Overlay image watermark">Overlay image watermark on video</button></span>
<div id="image_watermark" class="collapse">
<h3>Overlay image watermark on video</h3>
<p class="link"></p>
@ -1200,7 +1200,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends Image Watermark -->
<!-- Burn in timecode-->
<span data-toggle="collapse" data-target="#burn_in_timecode"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Burn in timecode ">Burn in timecode</button></span>
<span data-toggle="collapse" data-target="#burn_in_timecode"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Burn in timecode ">Burn in timecode</button></span>
<div id="burn_in_timecode" class="collapse">
<h3>Create a burnt in timecode on your image</h3>
<p class="link"></p>
@ -1230,7 +1230,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="normalise-audio">Normalize/equalize audio</h2>
<!-- phase shift -->
<span data-toggle="collapse" data-target="#phase_shift"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Inverses the audio phase of the second channel">Flip phase shift</button></span>
<span data-toggle="collapse" data-target="#phase_shift"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Inverses the audio phase of the second channel">Flip phase shift</button></span>
<div id="phase_shift" class="collapse">
<h3>Flip audio phase shift</h3>
<p class="link"></p>
@ -1248,7 +1248,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends phase shift -->
<!-- loudnorm metadata -->
<span data-toggle="collapse" data-target="#loudnorm_metadata"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Calculate Loudness Levels">Calculate Loudness Levels</button></span>
<span data-toggle="collapse" data-target="#loudnorm_metadata"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Calculate Loudness Levels">Calculate Loudness Levels</button></span>
<div id="loudnorm_metadata" class="collapse">
<h3>Calculate Loudness Levels</h3>
<p class="link"></p>
@ -1267,7 +1267,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends loudnorm metadata -->
<!-- RIAA equalization -->
<span data-toggle="collapse" data-target="#riaa_eq"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="RIAA Equalization">RIAA Equalization</button></span>
<span data-toggle="collapse" data-target="#riaa_eq"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="RIAA Equalization">RIAA Equalization</button></span>
<div id="riaa_eq" class="collapse">
<h3>RIAA Equalization</h3>
<p class="link"></p>
@ -1283,7 +1283,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends RIAA equalization -->
<!-- one pass loudnorm -->
<span data-toggle="collapse" data-target="#loudnorm_one_pass"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="One Pass Loudness Normalization">One Pass Loudness Normalization</button></span>
<span data-toggle="collapse" data-target="#loudnorm_one_pass"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="One Pass Loudness Normalization">One Pass Loudness Normalization</button></span>
<div id="loudnorm_one_pass" class="collapse">
<h3>One Pass Loudness Normalization</h3>
<p class="link"></p>
@ -1302,7 +1302,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends one pass loudnorm -->
<!-- two pass loudnorm -->
<span data-toggle="collapse" data-target="#loudnorm_two_pass"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Two Pass Loudness Normalization">Two Pass Loudness Normalization</button></span>
<span data-toggle="collapse" data-target="#loudnorm_two_pass"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Two Pass Loudness Normalization">Two Pass Loudness Normalization</button></span>
<div id="loudnorm_two_pass" class="collapse">
<h3>Two Pass Loudness Normalization</h3>
<p class="link"></p>
@ -1331,7 +1331,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<h2 id="preservation">Preservation tasks</h2>
<!-- batch processing (Mac/Linux) -->
<span data-toggle="collapse" data-target="#batch_processing_bash"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="FFmpeg batch processing on Mac/Linux">Batch processing (Mac/Linux)</button></span>
<span data-toggle="collapse" data-target="#batch_processing_bash"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="FFmpeg batch processing on Mac/Linux">Batch processing (Mac/Linux)</button></span>
<div id="batch_processing_bash" class="collapse">
<h3>Create Bash script to batch process with FFmpeg</h3>
<p class="link"></p>
@ -1360,7 +1360,7 @@ e.g.: <code>ffmpeg -f concat -safe 0 -i mylist.txt -c copy <i>output_file</i></c
<!-- ends batch processing (Mac/Linux) -->
<!-- batch processing (Windows) -->
<span data-toggle="collapse" data-target="#batch_processing_win"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="FFmpeg batch processing on Windows">Batch processing (Windows)</button></span>
<span data-toggle="collapse" data-target="#batch_processing_win"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="FFmpeg batch processing on Windows">Batch processing (Windows)</button></span>
<div id="batch_processing_win" class="collapse">
<h3>Create PowerShell script to batch process with FFmpeg</h3>
<p class="link"></p>
@ -1393,7 +1393,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends batch processing (Windows) -->
<!-- Create frame md5s -->
<span data-toggle="collapse" data-target="#create_frame_md5s_v"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create an MD5 checksum per video frame">Create MD5 checksums (video frames)</button></span>
<span data-toggle="collapse" data-target="#create_frame_md5s_v"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create an MD5 checksum per video frame">Create MD5 checksums (video frames)</button></span>
<div id="create_frame_md5s_v" class="collapse">
<h3>Create MD5 checksums (video frames)</h3>
<p class="link"></p>
@ -1411,7 +1411,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Create frame md5s -->
<!-- Create frame md5s (audio) -->
<span data-toggle="collapse" data-target="#create_frame_md5s_a"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create MD5 checksums for audio samples">Create MD5 checksums (audio samples)</button></span>
<span data-toggle="collapse" data-target="#create_frame_md5s_a"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create MD5 checksums for audio samples">Create MD5 checksums (audio samples)</button></span>
<div id="create_frame_md5s_a" class="collapse">
<h3>Create MD5 checksums (audio samples)</h3>
<p class="link"></p>
@ -1436,7 +1436,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Create frame md5s (audio) -->
<!-- QCTools Report -->
<span data-toggle="collapse" data-target="#qctools"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create a QCTools report for a video file with audio track">QCTools report (with audio)</button></span>
<span data-toggle="collapse" data-target="#qctools"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create a QCTools report for a video file with audio track">QCTools report (with audio)</button></span>
<div id="qctools" class="collapse">
<h3>Creates a QCTools report</h3>
<p class="link"></p>
@ -1460,7 +1460,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends QCTools Report -->
<!-- QCTools Report (no audio) -->
<span data-toggle="collapse" data-target="#qctools_no_audio"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create a QCTools report for a video file with no audio track">QCTools report (no audio)</button></span>
<span data-toggle="collapse" data-target="#qctools_no_audio"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create a QCTools report for a video file with no audio track">QCTools report (no audio)</button></span>
<div id="qctools_no_audio" class="collapse">
<h3>Creates a QCTools report</h3>
<p class="link"></p>
@ -1484,7 +1484,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends QCTools Report (no audio) -->
<!-- Check FFV1 fixity -->
<span data-toggle="collapse" data-target="#check_FFV1_fixity"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Decode your video and verify the internal CRC checksums">Check FFV1 fixity</button></span>
<span data-toggle="collapse" data-target="#check_FFV1_fixity"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Decode your video and verify the internal CRC checksums">Check FFV1 fixity</button></span>
<div id="check_FFV1_fixity" class="collapse">
<h3>Check FFV1 Version 3 fixity</h3>
<p class="link"></p>
@ -1502,7 +1502,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Check FFV1 Fixity -->
<!-- Read/Extract EIA-608 Closed Captions -->
<span data-toggle="collapse" data-target="#readeia608"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Read or extract EIA-608 (Line 21) closed captioning">Read/Extract EIA-608 Closed Captioning</button></span>
<span data-toggle="collapse" data-target="#readeia608"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Read or extract EIA-608 (Line 21) closed captioning">Read/Extract EIA-608 Closed Captioning</button></span>
<div id="readeia608" class="collapse">
<h3>Read/Extract EIA-608 (Line 21) closed captioning</h3>
<p class="link"></p>
@ -1530,7 +1530,7 @@ ffmpeg -i $file -map 0 -c copy $output
<h2 id="test-files">Generate test files</h2>
<!-- Mandelbrot -->
<span data-toggle="collapse" data-target="#mandelbrot"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Make a mandelbrot test pattern video">Mandelbrot</button></span>
<span data-toggle="collapse" data-target="#mandelbrot"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Make a mandelbrot test pattern video">Mandelbrot</button></span>
<div id="mandelbrot" class="collapse">
<h3>Makes a mandelbrot test pattern video</h3>
<p class="link"></p>
@ -1547,7 +1547,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Mandelbrot -->
<!-- SMPTE bars -->
<span data-toggle="collapse" data-target="#smpte_bars"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Make a SMPTE bars test pattern video">SMPTE bars</button></span>
<span data-toggle="collapse" data-target="#smpte_bars"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Make a SMPTE bars test pattern video">SMPTE bars</button></span>
<div id="smpte_bars" class="collapse">
<h3>Makes a SMPTE bars test pattern video</h3>
<p class="link"></p>
@ -1564,7 +1564,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends SMPTE bars -->
<!-- Test pattern video -->
<span data-toggle="collapse" data-target="#test"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Make a test pattern video">Test pattern</button></span>
<span data-toggle="collapse" data-target="#test"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Make a test pattern video">Test pattern</button></span>
<div id="test" class="collapse">
<h3>Make a test pattern video</h3>
<p class="link"></p>
@ -1582,7 +1582,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Test pattern video -->
<!-- Play HD SMPTE bars -->
<span data-toggle="collapse" data-target="#play_hd_smpte"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Test an HD video projector by playing the SMPTE colour bars pattern">Play HD SMPTE bars</button></span>
<span data-toggle="collapse" data-target="#play_hd_smpte"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Test an HD video projector by playing the SMPTE colour bars pattern">Play HD SMPTE bars</button></span>
<div id="play_hd_smpte" class="collapse">
<h3>Play HD SMPTE bars</h3>
<p class="link"></p>
@ -1597,7 +1597,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Play HD SMPTE bars -->
<!-- Play VGA SMPTE bars -->
<span data-toggle="collapse" data-target="#play_vga_smpte"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Test a VGA video projector by playing the SMPTE colour bars pattern">Play VGA SMPTE bars</button></span>
<span data-toggle="collapse" data-target="#play_vga_smpte"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Test a VGA video projector by playing the SMPTE colour bars pattern">Play VGA SMPTE bars</button></span>
<div id="play_vga_smpte" class="collapse">
<h3>Play VGA SMPTE bars</h3>
<p class="link"></p>
@ -1612,7 +1612,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Play VGA SMPTE bars -->
<!-- Sine wave -->
<span data-toggle="collapse" data-target="#sine_wave"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Generate a test audio file playing a sine wave">Sine wave</button></span>
<span data-toggle="collapse" data-target="#sine_wave"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Generate a test audio file playing a sine wave">Sine wave</button></span>
<div id="sine_wave" class="collapse">
<h3>Sine wave</h3>
<p class="link"></p>
@ -1629,7 +1629,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Sine wave -->
<!-- SMPTE bars + Sine wave -->
<span data-toggle="collapse" data-target="#smpte_bars_and_sine_wave"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Generate a SMPTE bars test video + audio playing a sine wave">SMPTE bars + Sine wave audio</button></span>
<span data-toggle="collapse" data-target="#smpte_bars_and_sine_wave"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Generate a SMPTE bars test video + audio playing a sine wave">SMPTE bars + Sine wave audio</button></span>
<div id="smpte_bars_and_sine_wave" class="collapse">
<h3>SMPTE bars + Sine wave audio</h3>
<p class="link"></p>
@ -1650,7 +1650,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends SMPTE bars + Sine wave -->
<!-- Broken File -->
<span data-toggle="collapse" data-target="#broken_file"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Make a broken file out of a perfectly good one">Broken file</button></span>
<span data-toggle="collapse" data-target="#broken_file"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Make a broken file out of a perfectly good one">Broken file</button></span>
<div id="broken_file" class="collapse">
<h3>Makes a broken test file</h3>
<p class="link"></p>
@ -1671,7 +1671,7 @@ ffmpeg -i $file -map 0 -c copy $output
<h2 id="repair">Repair</h2>
<!-- Fix A/V async 1 -->
<span data-toggle="collapse" data-target="#avsync_aresample"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Fix A/V sync issues by resampling audio">Fix AV Sync: Resample audio</button></span>
<span data-toggle="collapse" data-target="#avsync_aresample"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Fix A/V sync issues by resampling audio">Fix AV Sync: Resample audio</button></span>
<div id="avsync_aresample" class="collapse">
<h3>Fix AV Sync: Resample audio</h3>
<p class="link"></p>
@ -1692,7 +1692,7 @@ ffmpeg -i $file -map 0 -c copy $output
<h2 id="ocr">Use OCR</h2>
<!-- Show OCR -->
<span data-toggle="collapse" data-target="#ocr_on_top"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Play video with OCR on top">Show OCR</button></span>
<span data-toggle="collapse" data-target="#ocr_on_top"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Play video with OCR on top">Show OCR</button></span>
<div id="ocr_on_top" class="collapse">
<h3>Plays video with OCR on top</h3>
<p class="link"></p>
@ -1715,7 +1715,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Show OCR -->
<!-- Export OCR -->
<span data-toggle="collapse" data-target="#ffprobe_ocr"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Export OCR from video to screen">Export OCR</button></span>
<span data-toggle="collapse" data-target="#ffprobe_ocr"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Export OCR from video to screen">Export OCR</button></span>
<div id="ffprobe_ocr" class="collapse">
<h3>Exports OCR data to screen</h3>
<p class="link"></p>
@ -1736,7 +1736,7 @@ ffmpeg -i $file -map 0 -c copy $output
<h2 id="perceptual-similarity">Compare perceptual similarity of videos</h2>
<!-- Compare Video Fingerprints -->
<span data-toggle="collapse" data-target="#compare_video_fingerprints"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Compare Video Fingerprints">Compare Video Fingerprints</button></span>
<span data-toggle="collapse" data-target="#compare_video_fingerprints"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Compare Video Fingerprints">Compare Video Fingerprints</button></span>
<div id="compare_video_fingerprints" class="collapse">
<h3>Compare two video files for content similarity using perceptual hashing</h3>
<p class="link"></p>
@ -1753,7 +1753,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Compare Video Fingerprints -->
<!-- Generate Video Fingerprint -->
<span data-toggle="collapse" data-target="#generate_video_fingerprint"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Generate Video Fingerprint">Generate Video Fingerprint</button></span>
<span data-toggle="collapse" data-target="#generate_video_fingerprint"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Generate Video Fingerprint">Generate Video Fingerprint</button></span>
<div id="generate_video_fingerprint" class="collapse">
<h3>Generate a perceptual hash for an input video file</h3>
<p class="link"></p>
@ -1773,7 +1773,7 @@ ffmpeg -i $file -map 0 -c copy $output
<h2 id="other">Other</h2>
<!-- Play image sequence -->
<span data-toggle="collapse" data-target="#play_im_seq"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Play an image sequence directly as moving images">Play an image sequence</button></span>
<span data-toggle="collapse" data-target="#play_im_seq"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Play an image sequence directly as moving images">Play an image sequence</button></span>
<div id="play_im_seq" class="collapse">
<h3>Play an image sequence</h3>
<p class="link"></p>
@ -1794,7 +1794,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Play image sequence -->
<!-- Split audio and video tracks -->
<span data-toggle="collapse" data-target="#split_audio_video"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create separate audio and video tracks from an audiovisual file">Split audio and video tracks</button></span>
<span data-toggle="collapse" data-target="#split_audio_video"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create separate audio and video tracks from an audiovisual file">Split audio and video tracks</button></span>
<div id="split_audio_video" class="collapse">
<h3>Split audio and video tracks</h3>
<p class="link"></p>
@ -1812,7 +1812,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Split audio and video tracks -->
<!-- Extract audio from an AV file -->
<span data-toggle="collapse" data-target="#extract_audio"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Extract audio without loss from an AV file">Extract audio</button></span>
<span data-toggle="collapse" data-target="#extract_audio"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Extract audio without loss from an AV file">Extract audio</button></span>
<div id="extract_audio" class="collapse">
<h3>Extract audio from an AV file</h3>
<p class="link"></p>
@ -1829,7 +1829,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Extract audio from am AV file -->
<!-- Combine audio tracks -->
<span data-toggle="collapse" data-target="#combine_audio"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Combine audio tracks">Combine audio tracks</button></span>
<span data-toggle="collapse" data-target="#combine_audio"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Combine audio tracks">Combine audio tracks</button></span>
<div id="combine_audio" class="collapse">
<h3>Combine audio tracks into one in a video file</h3>
<p class="link"></p>
@ -1852,7 +1852,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Combine audio tracks -->
<!-- append notice to access mp3 -->
<span data-toggle="collapse" data-target="#append_mp3"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Generate two access MP3s from input. One with added audio (such as a copyright notice) and one unmodified.">Create access MP3</button></span>
<span data-toggle="collapse" data-target="#append_mp3"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Generate two access MP3s from input. One with added audio (such as a copyright notice) and one unmodified.">Create access MP3</button></span>
<div id="append_mp3" class="collapse">
<h3>Generate two access MP3s from input. One with appended audio (such as a copyright notice) and one unmodified.</h3>
<p class="link"></p>
@ -1877,7 +1877,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends append notice to access mp3 -->
<!-- Flip image -->
<span data-toggle="collapse" data-target="#flip_image"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Flip the image">Flip video image</button></span>
<span data-toggle="collapse" data-target="#flip_image"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Flip the image">Flip video image</button></span>
<div id="flip_image" class="collapse">
<h3>Flip the video image horizontally and/or vertically</h3>
<p class="link"></p>
@ -1894,7 +1894,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Flip image -->
<!-- Create ISO -->
<span data-toggle="collapse" data-target="#create_iso"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Create ISO files for DVD access">Create ISO</button></span>
<span data-toggle="collapse" data-target="#create_iso"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Create ISO files for DVD access">Create ISO</button></span>
<div id="create_iso" class="collapse">
<h3>Create ISO files for DVD access</h3>
<p class="link"></p>
@ -1912,7 +1912,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Create ISO -->
<!-- Scene Detection using YDIF -->
<span data-toggle="collapse" data-target="#csv-ydif"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Exports CSV for scene detection using YDIF">CSV with timecodes and YDIF</button></span>
<span data-toggle="collapse" data-target="#csv-ydif"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Exports CSV for scene detection using YDIF">CSV with timecodes and YDIF</button></span>
<div id="csv-ydif" class="collapse">
<h3>Exports CSV for scene detection using YDIF</h3>
<p class="link"></p>
@ -1932,7 +1932,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends sample Scene Detection using YDIF -->
<!-- Cover head switching noise -->
<span data-toggle="collapse" data-target="#cover_head"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Cover head switching noise">Cover head switching noise</button></span>
<span data-toggle="collapse" data-target="#cover_head"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Cover head switching noise">Cover head switching noise</button></span>
<div id="cover_head" class="collapse">
<h3>Cover head switching noise</h3>
<p class="link"></p>
@ -1956,7 +1956,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- ends Cover head switching noise -->
<!-- Record and live-stream simultaneously -->
<span data-toggle="collapse" data-target="#record-and-stream"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Record and live-stream simultaneously">Record and live-stream simultaneously</button></span>
<span data-toggle="collapse" data-target="#record-and-stream"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Record and live-stream simultaneously">Record and live-stream simultaneously</button></span>
<div id="record-and-stream" class="collapse">
<h3>Record and live-stream simultaneously</h3>
<p class="link"></p>
@ -1996,7 +1996,7 @@ ffmpeg -i $file -map 0 -c copy $output
<!-- END Record and live-stream at the same time -->
<!-- View Subprogram Info -->
<span data-toggle="collapse" data-target="#view_subprogram_info"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="View FFmpeg subprogram information">View FFmpeg subprogram information</button></span>
<span data-toggle="collapse" data-target="#view_subprogram_info"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="View FFmpeg subprogram information">View FFmpeg subprogram information</button></span>
<div id="view_subprogram_info" class="collapse">
<h3>View information about a specific decoder, encoder, demuxer, muxer, or filter</h3>
<p class="link"></p>
@ -2022,7 +2022,7 @@ ffmpeg -i $file -map 0 -c copy $output
</div>
<!-- sample example -->
<!-- <span data-toggle="collapse" data-target="#*****unique name*****"><button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="*****Hover-over description*****">*****Small title****</button></span>
<!-- <span data-toggle="collapse" data-target="#*****unique name*****"><button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="*****Hover-over description*****">*****Small title****</button></span>
Change the above data-target field, the hover-over description, the button text, and the below div ID
<div id="*****unique name*****" class="collapse">
<h3>*****Longer title*****</h3>