<head>
<meta charset="utf-8">
<title>DECODE: FLAC to WAV</title>
<script src="./example/util/check-params.js" charset="utf-8"></script>
<script src="./example/util/check-support.js" charset="utf-8"></script>
<script src="./example/util/load-script.js" charset="utf-8"></script>
<script>
var demoType='decode';
var global=window;
var variant=getLibVariantPathParam();
global.FLAC_SCRIPT_LOCATION='./dist/';
var wasmDisable=getDisableWebAssembly();
var lib;
if(!wasmDisable && isWebAssemblySupported()){
lib='libflac.'+variant.replace('/','.')+'wasm.js';
}else{
lib='libflac.'+variant.replace('/','.')+'js';
}
var libFile=global.FLAC_SCRIPT_LOCATION.replace('//','/')+lib;
global.onload=function(){
loadScripts([libFile,'./example/'+demoType+'-func.js','./example/util/download-util.js','./example/util/data-util.js','./example/util/file-handler.js','./example/app-'+demoType+'.js'],function(err){
console[err?'error':'info'](err?'encountered error '+err:'scripts initialized successfully');
});
};


</script>
<style>
.project-link{
float:right;
}
.drop-zone{
border:1px red solid;
height:250px;
}
.drop-hint{
text-align:center;
padding-top:100px;
color:green;
background-color:white;
}
.hint{
background-color:#C6E7FF;
color:#0094FF;
border-radius:50%;
height:1em;
width:1em;
display:inline-block;
}
.hint:before{
content:" ? ";
margin-left:0.25em;
}
.hint.info:before{
content:" i ";
margin-left:0.25em;
}
#variants-collapse{
background-color:#DFDFDF;
color:#737373;
border-radius:50%;
height:1em;
width:1em;
display:inline-block;
text-decoration:none;
padding-bottom:4px;
padding-left:2px;
padding-right:2px;
}
.hidden{
display:none;
}
</style>
</head>
<body style="background-color:black">

<div hidden id="songurl">https://www.noahcohn.com/songs/Claws of the Angel.flac</div>
<div id="drop_zone" class="drop-zone">
<div class="drop-hint">LOADING SONG == ONE MOMENT</div>
</div>
<input type="file" id="files" name="files[]" multiple style="opacity:0;"/>
<input type="checkbox" hidden id="check_download" checked>
<input type="checkbox" hidden id="check_verify">
<input type="checkbox" hidden id="check_ogg">
<input type="checkbox" hidden id="check_extract_metadata" checked>
<output id="list"></output>
</body>