Video Tutorials
admin{source}<!DOCTYPE html>
<html>
<head>
<style>
.collapsible {
background-color:#ffffff;color: black;cursor: pointer;padding: 18px;margin-left: 15px;width: 100%;text-align: left;outline: none;font-size: 15px;border-radius: 8px;border: none;font-size:1.5em;
}
p.round2 {border: 2px solid red;border-radius: 8px;
}
.active, .collapsible:hover {background-color: #CCD1D1;
}
.content {padding: 0 18px;margin-left: 18px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #ffffff;width: 100%;
}
h1, h2, h3{color:#D35400;background-color:#ffffff;text-transform: uppercase;font-weight: bold;line-height: 1.8;padding-left: 20px}
.centre{margin-left: auto;margin-right: auto;margin-top: 10px;width: 80%;
}
.sectiontitle{color:#D35400;width:100%;font-weight: bold;}
ul { list-style: none; font-size:0.8em;color:#404040;padding-bottom: 5px;
}
.arrow::before {content: "➥";color: #D35400;font-size: 1.4em;font-weight: bold;padding-right: 10px;
}
hr {border: 0;height: 2px;background: #333;background-image: linear-gradient(to right, #757575, #757575, #757575);
}
</style>
</head>
<body>
<h1>Video Tutorials</h1>
<button class="collapsible"><span class="sectiontitle">Getting Started</span></br><hr><ul><li class="arrow">Open sound files </li><li class="arrow">Custom spectrograms</li><li class="arrow">Spectrogram zooming</li><li class="arrow">Sound playback</li><li class="arrow">Paging and navigation</li></ul></span></button>
<div class="content"><div class="centre"><iframe width="956" height="538" src="https://www.youtube.com/embed/TAvsrUD1-Ro" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</br>
<button class="collapsible"><span class="sectiontitle">Manual Annotation</span></br><hr><ul><li class="arrow">Making segments </li><li class="arrow">Segment manipulation and labelling</li><li class="arrow">Advanced sound playback options</li><li class="arrow">Segment colors</li><li class="arrow">Various sound playback options</li><li class="arrow">Paging and navigation</li></ul></span></button>
<div class="content"><div class="centre"><iframe width="956" height="538" src="https://www.youtube.com/embed/9OEDZLQbCNY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</br>
<button class="collapsible"><span class="sectiontitle">Train A Species Recogniser</span></br><hr><ul><li class="arrow">Load training data </li><li class="arrow">Auto cluster segments into classes (e.g. call types), manipulate classes, give meaningful class names</li><li class="arrow">Train sub-filters for each class</li><li class="arrow">Save the filter</li></ul></span></button>
<div class="content"><div class="centre"><iframe width="871" height="490" src="https://www.youtube.com/embed/J7S2dZzz9Zc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</br>
<button class="collapsible"><span class="sectiontitle">Batch Processing</span></br><hr><ul><li class="arrow">Load recordings to process </li><li class="arrow">Choose filters to apply</li></ul></span></button>
<div class="content"><div class="centre"><iframe width="871" height="490" src="https://www.youtube.com/embed/gFp67aCm0Ow" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</br>
<button class="collapsible"><span class="sectiontitle">Human Review - All Sounds</span></br><hr><ul><li class="arrow">Add reviewer name </li><li class="arrow">Sound playback and spectrogram settings</li><li class="arrow">Options to accecpt/reject segments, and change segment labels</li></ul></span></button><div class="content">
<div class="centre"><iframe width="811" height="456" src="https://www.youtube.com/embed/HReAlvD1LbE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
</br>
<button class="collapsible"><span class="sectiontitle">Human Review - Single Species</span></br><hr><ul><li class="arrow">Add reviewer name </li><li class="arrow">Sound playback and spectrogram settings</li><li class="arrow">Options to accecpt/reject segments</li></ul></span></button><div class="content">
<div class="centre"><iframe width="871" height="490" src="https://www.youtube.com/embed/AxTQqU-3lOQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
</div>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {coll[i].addEventListener("click", function() {this.classList.toggle("active");var content = this.nextElementSibling;if (content.style.maxHeight){content.style.maxHeight = null;} else {content.style.maxHeight = content.scrollHeight + "px";} });
}
</script>
</body>
</html>{/source}
