A web-based tool for making rough sketches of songs with a primitive multitracker
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

61 lines
3.1 KiB

<!DOCTYPE html>
<html>
<head>
<title>Song Sketcher</title>
<link rel="stylesheet" type="text/css" href="webResources/song-sketcher.css">
<script type="text/javascript" src="webResources/song-sketcher.js"></script>
</head>
<body>
<!-- <div id="imageBrowserControls">
<div class="leftControls">
<button class="previousImage affectOpacity" onclick="sendMessage('previousImage')">Previous Random</button>
<button class="previousImageInFolder affectOpacity" onclick="sendMessage('previousImageInFolder')">Previous In Folder</button>
<button class="previousFavorite affectOpacity" onclick="sendMessage('previousFavorite')">Previous Favorite</button>
</div>
<div class="rightControls">
<button class="nextImage affectOpacity" onclick="sendMessage('nextImage')">Next Random</button>
<button class="nextImageInFolder affectOpacity" onclick="sendMessage('nextImageInFolder')">Next In Folder</button>
<button class="nextFavorite affectOpacity" onclick="sendMessage('nextFavorite')">Next Favorite</button>
</div>
<div class="centerControls">
<input type="range" onchange="onOpacityChanged(this.value)" min="0.0" max="1.0" value="0.3" class="slider affectOpacity" step="0.1" id="opacitySlider">
<input class="filter affectOpacity" type="text" id="filter" name="filter" placeholder="Filter" oninput="filterChanged(this.value)" />
<div class="centerControlsButtons">
<button class="imageAddToFavorites affectOpacity" onclick="sendMessage('imageAddToFavorites')">Favorite</button>
<button class="changeDirectory affectOpacity" onclick="toggleDirectoryControls()">Browse Directories</button>
<button class="toggleFullScreen affectOpacity" onclick="toggleFullScreen()">Toggle Fullscreen</button>
</div>
</div>
</div>
<p class="affectOpacity" id="message"></p>
<div id="videoContainer"></div>
<div id="directoryControls" style="display:none">
<div class="directoryList">
<input type="range" onchange="onOpacityChanged(this.value)" min="0.0" max="1.0" value="0.3" class="slider affectOpacity" step="0.1" id="opacitySlider">
<input class="filter affectOpacity" type="text" id="directoryFilter" name="directoryFilter" placeholder="Filter" oninput="directoryFilterChanged(this.value)" />
<button class="affectOpacity directoryNavigationButton" onclick="toggleDirectoryControls()">Back to Random Browser</button>
<button class="affectOpacity directoryNavigationButton" onclick="directoryUpOnClick()">Up</button>
<button class="affectOpacity directoryNavigationButton" onclick="directoryRootOnClick()">Root</button>
</div>
<div id="directoryListContainer" class="directoryList"></div>
</div> -->
<button id="toggleRecord" class="toggleRecord" onclick="toggleRecord()">Record</button>
<button id="togglePlay" class="togglePlay" onclick="togglePlay()">Play</button>
<audio controls>
<source src="output/blob.ogg" type="audio/ogg">
</audio>
<!-- Not actually in a form, but put here so that we can use it in JS -->
{% raw xsrf_form_html() %}
</body>
</html>