mirror/ffmprovisr
1
0
Fork 0
mirror of https://github.com/amiaopensource/ffmprovisr.git synced 2024-12-26 03:38:20 +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 { html, body {
font-size: 16px; font-size: 16px;
line-height: 1.5;
color: #888888;
background-color: #060606;
margin: 0;
word-break: break-word;
} }
.grid { .grid {
@ -121,7 +126,22 @@ div {
color: white; color: white;
} }
button {
font: inherit;
font-family: inherit;
color: inherit;
}
.btn { .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; margin: 8px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -132,7 +152,6 @@ div {
backface-visibility: hidden; backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
position: relative; position: relative;
padding-left: 2.5em;
-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; transition-duration: 0.3s;
} }

168
index.html
View File

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