Making Universal Tools

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|687\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Off Topic -> Making Universal Tools
Sat, 02 Feb 2019, 05:20
spinal	what is a good free language to crate a simple tool to convert/create a file on as many platforms as possible? All I want is to convert a binary file to a c array while adding a few bytes here and there... -=-=- Check out my excellent homepage!
Sat, 02 Feb 2019, 05:20
Jayenkai	Javascript... Over the past few months, I've come to the conclusion that if I want a "Runs on as many systems as possible" option, and I can figure out how to do it, then having it in Javascript is probably the best option. Mostly because browsers are damn near universal. This is why Foldapuz and my recent Sprite Generator exist as they do, in the browser, where things tend to "mostly" work! The hardest part would be reading in the binary file. Unless you have a server to upload it to, it can be tricky. Not impossible, mind, just tricky!! -=-=- ''Load, Next List!''
Sat, 02 Feb 2019, 05:28
Jayenkai	My recent remake of my Pixelart2STL converter features all-in-the-browser functionality. Pixelart2STL If you ViewSource, you can see all the nasty innards, you should (maybe!) be able to figure out how I read the data from a PNG file. I'm not sure if that's doable with binary data, but .. if it IS, then you should (*!) be able to find a way to get Javascript to do what it is you'd like doing with the binary file. -=-=- ''Load, Next List!''
Sat, 02 Feb 2019, 06:23
spinal	Thats an interesting idea... I'll look into it -=-=- Check out my excellent homepage!
Sat, 02 Feb 2019, 06:41

Jayenkai	Created : 02 February 2019 Edited : 02 February 2019 System : Cross Platform Language : Javascript Javascript-based Binary File Conversion Template Convert a file using the browser
This is a simple enough template, which should be more or less easy to understand. The hardest part will be creating the conversion itself! But the basic idea is to take a file, and allow the javascript to convert it, before spitting it back out with the big convertor button. <html> <style type="text/css"> body {background:#BB9977; color:#000000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size : 12pt; line-height: 1.2em; margin:8px;} .comment {font-size:0.75em;font-weight: bold;border:2px solid #000000; background:#EECCAA; display:inline-block; margin:4px; padding:4px;} .main {background:#DDBB99; min-height:100%; padding:0px; padding-left:8px; padding-right:8px; width:1024px; margin:0 auto; text-align:left;} .buttonised {background:#FFFFFF; color:#000000; border:2px solid #000000; font-size:1.25em; padding:4px;} .buttonisedb { background:#CCCCCC; color:#000000; font-size:1.25em; padding:4px; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-botton:2px solid #000000; border-right:2px solid #000000; } </style> <script> var inArray; var outArray; var OutputFilename="ConvertedBinary.bin"; function init() { document.getElementById('files').addEventListener('change', handleFileSelect, false); } function DoConversion() { // This is where your converter goes if (inArray.length<2) {return;} outArray=[]; // Cleans out, erases, resets an array. // Now you simply flick through inArray, convert, and dump the output into outArray. ol=0; for (i=0;i<inArray.length;i++) { outArray[ol]=inArray[i];ol++; if (inArray[i]=="A") {outArray[ol]="a";ol++;} if (inArray[i]=="B") {outArray[ol]="b";ol++;} if (inArray[i]=="C") {outArray[ol]="c";ol++;} } // And then it sends outArray to the exporter, which sends it as if its a file-download in your browser. ExportOutArray(); } function handleFileSelect(evt) { // This takes the file selected (and should be easily convertable to handle many files, but sod that for now!!) // and plonks the binarydata into inArray. var files = evt.target.files for (var i = 0, f; f = files[i]; i++) { var reader = new FileReader() reader.onload = (function(theFile) { // (2) - This is next, and is what happens once the file (below) has loaded. return function(e) { inArray=e.target.result; // This plonks the array into the array buffer variable thing } })(f) // (1) - This says "Read the file", and happens first reader.readAsBinaryString(f) } } function ExportOutArray() { // This takes outData and passes it to the browser as a download. var createObjectURL = (window.URL \|\| window.webkitURL \|\| {}).createObjectURL \|\| function(){}; var blob = null; var mimeString = "application/octet-stream"; window.BlobBuilder = window.BlobBuilder \|\| window.WebKitBlobBuilder \|\| window.MozBlobBuilder \|\| window.MSBlobBuilder; if(window.BlobBuilder){ var bb = new BlobBuilder(); bb.append(outArray.join("")); blob = bb.getBlob(mimeString); }else{ blob = new Blob([outArray.join("")], {type : mimeString}); } var url = createObjectURL(blob); var a = document.getElementById("DownloadLink"); a.href = url; a.download = OutputFilename; a.innerHTML = "download file"; a.click(); } </script> <body onload="init()"> <font style="font-size:1.25em; font-weight:bold;">File Converter v0.0000000001</font><br><br> <input id="files" type="file" class="buttonised" style="width:512px"> <button onclick="DoConversion();return false;" class="buttonisedb" style="width:400px">Do Conversion</button> <a href="" target="_new" id="DownloadLink" style="display:none;">DownloadLink</a> </body></html> --v

Sat, 02 Feb 2019, 07:07
spinal	First of all, wow. All the info I have found so far, is people saying that for security reasons, javascript simply isn't allowed to manipulate offline files... This is an excellent jumping off point Your name will surely go in the credits. -=-=- Check out my excellent homepage!
Sat, 02 Feb 2019, 07:54
Jayenkai	JavaScript dev tips. F12 brings up the console. (Debuglog!) To output to the console, use "console.log("text goes here");" I typically add a \n to console output, as sometimes it doesn't do that!!! -=-=- ''Load, Next List!''
Sat, 02 Feb 2019, 10:46
spinal	Here's a start, removed the output file for now, stuck in a txt box. I think it should do the job just right! <html> <style type="text/css"> body {background:#BB9977; color:#000000; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size : 12pt; line-height: 1.2em; margin:8px;} .comment {font-size:0.75em;font-weight: bold;border:2px solid #000000; background:#EECCAA; display:inline-block; margin:4px; padding:4px;} .main {background:#DDBB99; min-height:100%; padding:0px; padding-left:8px; padding-right:8px; width:1024px; margin:0 auto; text-align:left;} .buttonised {background:#FFFFFF; color:#000000; border:2px solid #000000; font-size:1.25em; padding:4px;} .buttonisedb { background:#CCCCCC; color:#000000; font-size:1.25em; padding:4px; border-top:2px solid #FFFFFF; border-left:2px solid #FFFFFF; border-botton:2px solid #000000; border-right:2px solid #000000; } </style> <script> var inArray; var outArray; var OutputFilename="ConvertedBinary.bin"; function init() { document.getElementById('files').addEventListener('change', handleFileSelect, false); } function decToHex(buffer) { var s = '', h = '0123456789ABCDEF'; s = h[buffer >> 4] + h[buffer & 15]; return '0x' + s; } function DoConversion() { // This is where your converter goes if (inArray.length<2) {return;} outArray=[]; // Cleans out, erases, resets an array. // Now you simply flick through inArray, convert, and dump the output into outArray. ol=0; txt = document.getElementById("theOutput"); var fileLength = inArray.length; txt.value = 'const unsigned char '; txt.value += files.value.substr(files.value.lastIndexOf('\\') + 1).split('.')[0]; txt.value += '[' + (fileLength + 6); txt.value += ']={\n'; txt.value += ' '; txt.value += decToHex((fileLength >> 24) & 255) + ', '; txt.value += decToHex((fileLength >> 16) & 255) + ', '; txt.value += decToHex((fileLength >> 8) & 255) + ', '; txt.value += decToHex(fileLength & 255) + ', '; txt.value += '// sample length\n '; sRate = parseInt(document.getElementById("samplerate").value, 10); txt.value += decToHex((sRate >> 8) & 255) + ', '; txt.value += decToHex(sRate & 255) + ', '; txt.value += ' // sample rate\n'; txt.value += ' // sample data\n'; txt.value += ' '; for (i=1;i<inArray.length+1;i++) { txt.value += decToHex(inArray[i-1].charCodeAt()) + ', '; if(i % 8 == 0 ) txt.value += '\n '; } txt.value += '\n};\n'; // And then it sends outArray to the exporter, which sends it as if its a file-download in your browser. // ExportOutArray(); } function handleFileSelect(evt) { // This takes the file selected (and should be easily convertable to handle many files, but sod that for now!!) // and plonks the binarydata into inArray. var files = evt.target.files for (var i = 0, f; f = files[i]; i++) { var reader = new FileReader() reader.onload = (function(theFile) { // (2) - This is next, and is what happens once the file (below) has loaded. return function(e) { inArray=e.target.result; // This plonks the array into the array buffer variable thing } })(f) // (1) - This says "Read the file", and happens first reader.readAsBinaryString(f) } } function ExportOutArray() { // This takes outData and passes it to the browser as a download. var createObjectURL = (window.URL \|\| window.webkitURL \|\| {}).createObjectURL \|\| function(){}; var blob = null; var mimeString = "application/octet-stream"; window.BlobBuilder = window.BlobBuilder \|\| window.WebKitBlobBuilder \|\| window.MozBlobBuilder \|\| window.MSBlobBuilder; if(window.BlobBuilder){ var bb = new BlobBuilder(); bb.append(outArray.join("")); blob = bb.getBlob(mimeString); }else{ blob = new Blob([outArray.join("")], {type : mimeString}); } var url = createObjectURL(blob); var a = document.getElementById("DownloadLink"); a.href = url; a.download = OutputFilename; a.innerHTML = "download file"; a.click(); } </script> <body onload="init()"> File Converter v0.01<br><br> <input id="files" type="file" class="buttonised" style="width:512px"><br/> <button onclick="DoConversion();return false;" class="buttonisedb" style="width:400px">Do Conversion</button><br/> <a href="" target="_new" id="DownloadLink" style="display:none;">Convert</a><br/> <input type="number" id="samplerate" name="samplerate" min="0" max="44100"><br/> <text area id="theOutput" name="theOutput" rows="50" cols="80"> </text area> </body></html> --v -=-=- Check out my excellent homepage!
Sun, 03 Feb 2019, 09:41
spinal	Finished (enough for now) converter... Will take an 8bit mono wav as input and turn it into an array that includes the samplerate and size. <html> <title>Wav to Pokitto</title> <style type="text/css"> #progressbarOuter{ display: block; border: 2px solid gray; color: gray; background-color: white; border-radius: 8px; font-size: 20px; font-weight: bold; width:204px; height:40px; position:relative; } #progressbarOuter span{ display:block; text-align:center; width:100%; position:absolute; z-index:2; top:0; left:0; line-height:36px; } #progressbarInner{ border: 0px solid gray; color: #000; background-color: #88f; border-radius: 3px; font-size: 20px; font-weight: bold; width:0px; height:36px; text-align: center; position:relative; z-index:1; padding:2px; } .custom-file-input { display: inline-block; } .custom-file-input input { visibility: hidden; width: 100px; } .custom-file-input:before { width:148px; content: 'Choose File'; display: block; border: 2px solid gray; color: gray; background-color: white; padding: 8px 12px 8px 44px; border-radius: 8px; font-size: 20px; font-weight: bold; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNFQ0VERUY7IiBkPSJNMTA2LjMyNCw4LjAxN2MtOS40NDYsMC0xNy4xMDIsNy42NTYtMTcuMTAyLDE3LjEwMnY0NjEuNzYyYzAsOS40NDYsNy42NTYsMTcuMTAyLDE3LjEwMiwxNy4xMDINCgloMzc2LjI1MWM5LjQ0NiwwLDE3LjEwMi03LjY1NiwxNy4xMDItMTcuMTAyVjg0Ljk3N2wtNzYuOTYtNzYuOTZIMTA2LjMyNHoiLz4NCjxwYXRoIHN0eWxlPSJmaWxsOiNEOURDREY7IiBkPSJNNDM5LjgxOCw4NC45NzdoNTkuODU4bC03Ni45Ni03Ni45NnY1OS44NThDNDIyLjcxNSw3Ny4zMTksNDMwLjM3Myw4NC45NzcsNDM5LjgxOCw4NC45Nzd6Ii8+DQo8cGF0aCBzdHlsZT0iZmlsbDojQzZDQUNGOyIgZD0iTTM5Ny4wNjMsMTk2LjE0Mkg4OS4yMjJWNDIuMjIxaDMwNy44NDFjNC43MjIsMCw4LjU1MSwzLjgyOSw4LjU1MSw4LjU1MXYxMzYuODE4DQoJQzQwNS42MTQsMTkyLjMxMyw0MDEuNzg1LDE5Ni4xNDIsMzk3LjA2MywxOTYuMTQyeiIvPg0KPHBvbHlnb24gc3R5bGU9ImZpbGw6I0Y3OUY0RDsiIHBvaW50cz0iMzg4LjUxMiwxNzkuMDQgMTIuMjYxLDE3OS4wNCA4MC42NywxMTAuNjMgMTIuMjYxLDQyLjIyMSAzODguNTEyLDQyLjIyMSAiLz4NCjxwYXRoIGQ9Ik00OTkuNjc3LDQyNi40ODljNC40MjgsMCw4LjAxNy0zLjU4OSw4LjAxNy04LjAxN1Y4NC45NzdjMC0yLjEtMC44NjItNC4xODQtMi4zNDctNS42NjhsLTc2Ljk2LTc2Ljk2DQoJQzQyNi44OTksMC44NjMsNDI0LjgxNywwLDQyMi43MTYsMEgxMDYuMzI0QzkyLjQ3MywwLDgxLjIwNSwxMS4yNjgsODEuMjA1LDI1LjExOXY5LjA4NkgxMi4yNjFjLTYuOTg3LDAtMTAuNjE1LDguNzM4LTUuNjY5LDEzLjY4NQ0KCWw2Mi43NDEsNjIuNzQxTDYuNTkyLDE3My4zNzFjLTQuOTQ2LDQuOTQ3LTEuMzE5LDEzLjY4NSw1LjY2OSwxMy42ODVoNjguOTQ0djI5OS44MjVjMCwxMy44NTEsMTEuMjY4LDI1LjExOSwyNS4xMTksMjUuMTE5aDM3Ni4yNTENCgljMTMuODUxLDAsMjUuMTE5LTExLjI2OCwyNS4xMTktMjUuMTE5di0zNC4yMDVjMC00LjQyNy0zLjU4OC04LjAxNy04LjAxNy04LjAxN3MtOC4wMTcsMy41ODktOC4wMTcsOC4wMTd2MzQuMjA1DQoJYzAsNS4wMS00LjA3Niw5LjA4Ni05LjA4Niw5LjA4NkgxMDYuMzI0Yy01LjAxLDAtOS4wODYtNC4wNzYtOS4wODYtOS4wODZWMTg3LjA1Nmg1MS44NDFjNC40MjgsMCw4LjAxNy0zLjU4OSw4LjAxNy04LjAxNw0KCXMtMy41ODgtOC4wMTctOC4wMTctOC4wMTdIMzEuNjE1bDU0LjcyNC01NC43MjRjMy4xMzEtMy4xMzEsMy4xMzEtOC4yMDcsMC0xMS4zMzdMMzEuNjE1LDUwLjIzOGgzNDguODh2MTIwLjc4NUgxODMuMjg0DQoJYy00LjQyOCwwLTguMDE3LDMuNTg5LTguMDE3LDguMDE3czMuNTg4LDguMDE3LDguMDE3LDguMDE3aDIwNS4yMjhjNC40MjgsMCw4LjAxNy0zLjU4OSw4LjAxNy04LjAxN1Y0Mi4yMjENCgljMC00LjQyNy0zLjU4OC04LjAxNy04LjAxNy04LjAxN0g5Ny4yMzh2LTkuMDg2YzAtNS4wMSw0LjA3Ni05LjA4Niw5LjA4Ni05LjA4Nkg0MTQuN3Y1MS44NDFjMCwxMy44NTEsMTEuMjY4LDI1LjExOSwyNS4xMTksMjUuMTE5DQoJaDUxLjg0MXYzMjUuNDc4QzQ5MS42Niw0MjIuOSw0OTUuMjQ4LDQyNi40ODksNDk5LjY3Nyw0MjYuNDg5eiBNNDM5LjgxOSw3Ni45NmMtNS4wMSwwLTkuMDg2LTQuMDc2LTkuMDg2LTkuMDg2VjI3LjM3bDQ5LjU4OSw0OS41OQ0KCUg0MzkuODE5eiIvPg0KPHBhdGggZD0iTTMwMywxNDQuMzAxYzMuNDUxLDAsNi41MTUtMi4yMDgsNy42MDUtNS40ODFsMTcuMTAyLTUxLjMwN2MxLjM4MS00LjE0NC0wLjkyNi04Ljc2LTUuMDctMTAuMTQxDQoJYy00LjE0NS0xLjM4MS04Ljc1OSwwLjkyNy0xMC4xNDEsNS4wNzFMMzAzLDExMC45MzNsLTkuNDk3LTI4LjQ5Yy0xLjM4Mi00LjE0NS01Ljk5NS02LjQ1My0xMC4xNDEtNS4wNzENCgljLTQuMTQ0LDEuMzgyLTYuNDUxLDUuOTk1LTUuMDcsMTAuMTQxbDE3LjEwMiw1MS4zMDdDMjk2LjQ4NSwxNDIuMDkyLDI5OS41NDksMTQ0LjMwMSwzMDMsMTQ0LjMwMXoiLz4NCjxwYXRoIGQ9Ik0yNDIuMTk2LDEzOC44MTlsOS40OTctMjguNDlsOS40OTcsMjguNDljMS40MzksNC4zMTUsNi4zMzMsNi41ODIsMTAuNTYzLDQuOTE1YzMuOTA2LTEuNTM5LDUuOTczLTYuMDA5LDQuNjQ4LTkuOTg2DQoJbC0xNy4xMDItNTEuMzA3Yy0xLjA3OC0zLjIzNy00LjE5NC01LjQ4MS03LjYwNS01LjQ4MWMtMy40MTIsMC02LjUyNywyLjI0NS03LjYwNSw1LjQ4MWwtMTcuMTAyLDUxLjMwNw0KCWMtMS4zODEsNC4xNDQsMC45MjYsOC43Niw1LjA3LDEwLjE0MUMyMzYuMiwxNDUuMjcsMjQwLjgxNCwxNDIuOTYyLDI0Mi4xOTYsMTM4LjgxOXoiLz4NCjxwYXRoIGQ9Ik0xNzMuMzUyLDEzOS44NjlsOS45MzItMTkuODYzbDkuOTMyLDE5Ljg2M2MzLjEzMSw2LjI2MywxMi41NjUsNS41ODMsMTQuNzc1LTEuMDVsMTcuMTAyLTUxLjMwNw0KCWMxLjQtNC4yMDEtMC44NjktOC43NC01LjA3LTEwLjE0MWMtNC4yMDQtMS4zOTktOC43NDEsMC44Ny0xMC4xNDEsNS4wNzFsLTEwLjk4MiwzMi45NDVsLTguNDQ2LTE2Ljg5NA0KCWMtMi44OTctNS43OTMtMTEuNDQ0LTUuNzkzLTE0LjM0LDBsLTguNDQ2LDE2Ljg5NGwtMTAuOTgyLTMyLjk0NWMtMS40MDEtNC4yMDEtNS45MzktNi40NzItMTAuMTQxLTUuMDcxDQoJYy00LjIwMSwxLjQtNi40Nyw1Ljk0LTUuMDcsMTAuMTQxbDE3LjEwMiw1MS4zMDdDMTYwLjc4NiwxNDUuNDUyLDE3MC4yMjEsMTQ2LjEzLDE3My4zNTIsMTM5Ljg2OXoiLz4NCjxwYXRoIGQ9Ik0xNDEuMDYzLDM3NS43MTZjMCw0LjQyNywzLjU4OCw4LjAxNyw4LjAxNyw4LjAxN2g0Mi43NTZjMi41MjMsMCw0LjktMS4xODgsNi40MTMtMy4yMDdsMTUuMTk1LTIwLjI2MWwxMy4zMjIsNTkuOTQ2DQoJYzAuODE3LDMuNjc1LDQuMTk4LDYuMzM0LDcuOTU5LDYuMjc3YzMuNzYtMC4wNTgsNy4wNTMtMi44NDQsNy43NDUtNi41MzhsMTcuMDk3LTkxLjE4NGwxOC40MTMsMTE2LjYxDQoJYzAuNjE2LDMuODk5LDQuMTAzLDYuODI0LDguMDQ4LDYuNzY1YzMuOTQzLTAuMDU5LDcuMzM3LTMuMTEyLDcuODI1LTcuMDIybDE3Ljg2OC0xNDIuOTQybDE3LjUzNSwxMzQuNDM1DQoJYzAuNDk4LDMuODIzLDMuNzcxLDYuODE0LDcuNjIzLDYuOTcyYzMuODUsMC4xNTgsNy4zNTctMi41NjMsOC4xNjUtNi4zM2wxNy4xNy04MC4xMjZsOS44NjEsNTQuMjI4DQoJYzAuNjAxLDMuMzA0LDMuMjksNS45NDEsNi42MDQsNi40NzhjMy40MjMsMC41NTUsNi45MDMtMS4yMjQsOC40NTQtNC4zMjdsMTQuODg3LTI5Ljc3M2gzNy44YzQuNDI4LDAsOC4wMTctMy41ODksOC4wMTctOC4wMTcNCgljMC00LjQyNy0zLjU4OC04LjAxNy04LjAxNy04LjAxN2gtNDIuNzU2Yy0zLjAzNywwLTUuODEzLDEuNzE2LTcuMTcsNC40MzJsLTYuMzQ3LDEyLjY5M2wtMTIuODAxLTcwLjQwMQ0KCWMtMC42ODEtMy43NDYtNC4wMjEtNi41NDctNy44MjUtNi41ODJjLTMuNzU3LTAuMDM0LTcuMTE1LDIuNjY2LTcuOTAxLDYuMzM2bC0xNS44OSw3NC4xNTlMMzE5LjUsMjM3Ljg2MQ0KCWMtMC41MTUtMy45NDctMy45NzktNi45ODUtNy45Ni02Ljk4Yy0zLjk4OCwwLjAwNS03LjQ0OSwzLjA2Ni03Ljk0NCw3LjAyM2wtMTguNjIxLDE0OC45NzRsLTE2LjgxMy0xMDYuNDc1DQoJYy0wLjYwOC0zLjg1My0zLjkwMy02LjcwOS03LjgwNC02Ljc2NWMtMy44OTUtMC4wNTctNy4yNzYsMi43MDQtNy45OTQsNi41MzhsLTE4LjQ0MSw5OC4zNDZsLTguNjExLTM4Ljc0OA0KCWMtMS40NTUtNi41NDMtMTAuMjA3LTguNDQ0LTE0LjIzOS0zLjA3MUwxODcuODI1LDM2Ny43aC0zOC43NDdDMTQ0LjY1MSwzNjcuNjk5LDE0MS4wNjMsMzcxLjI4OSwxNDEuMDYzLDM3NS43MTZ6Ii8+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg=='); background-size: 30px auto; background-position: 3px center; background-repeat:no-repeat; } .button { display: block; width:208px; border: 2px solid gray; color: gray; background-color: white; padding: 8px 44px 8px 44px; border-radius: 8px; font-size: 20px; font-weight: bold; } :focus { outline: none; } </style> <script> var inArray; function init() { document.getElementById('files').addEventListener('change', handleFileSelect, false); } function decToHex(buffer) { var s = '', h = '0123456789ABCDEF'; s = h[buffer >> 4] + h[buffer & 15]; return '0x' + s; } function DoConversion() { // This is where your converter goes if (inArray.length<2) {return;} // check wave header if( !(inArray[0]=='R' && inArray[1]=='I' && inArray[2]=='F' && inArray[3]=='F' )){ // not wav file. alert('Not a valid .wav file.'); return; } // check sample format, must be PCM if(inArray[20].charCodeAt() != 1){ alert('Not PCM format' ); return; } // check channels, must be MONO if(inArray[22].charCodeAt() != 1){ alert('Not MONO' ); return; } // samples, must be 8bit if(inArray[34].charCodeAt() != 8){ alert('Not 8bit!' ); return; } txt = document.getElementById("theOutput"); var fileLength = inArray.length - 44; txt.value = 'const unsigned char '; txt.value += files.value.substr(files.value.lastIndexOf('\\') + 1).split('.')[0]; txt.value += '[' + (fileLength + 6); txt.value += ']={\n'; txt.value += ' '; txt.value += decToHex((fileLength >> 24) & 255) + ', '; txt.value += decToHex((fileLength >> 16) & 255) + ', '; txt.value += decToHex((fileLength >> 8) & 255) + ', '; txt.value += decToHex(fileLength & 255) + ', '; txt.value += '// sample length = ' + fileLength + ' bytes.\n '; //sRate = parseInt(document.getElementById("samplerate").value, 10); //txt.value += decToHex(inArray[27].charCodeAt()) + ', '; //txt.value += decToHex(inArray[26].charCodeAt()) + ', '; txt.value += decToHex(inArray[25].charCodeAt()) + ', '; txt.value += decToHex(inArray[24].charCodeAt()) + ', '; //sRate = inArray[27].charCodeAt(); //sRate = (sRate << 8) + inArray[26].charCodeAt(); sRate = inArray[25].charCodeAt(); sRate = (sRate << 8) + inArray[24].charCodeAt(); txt.value += '// sample rate = ' + sRate + 'Hz\n'; txt.value += ' // sample data\n'; txt.value += ' '; // use an asyc loop so that the UI doesn't freeze. (function loop(i){ var next_i = i+256; if(next_i > fileLength+1) next_i = fileLength+1; while( i < next_i){ txt.value += decToHex(inArray[i-1].charCodeAt()) + ', '; if((i-44) % 16 == 0 ) txt.value += '\n '; ++i; } var container = document.getElementById("progressbarInner"); container.style.width = (200/fileLength) i; container = document.getElementById("percentage"); container.innerHTML = Math.floor((100/fileLength) * i) + '%'; if(i<fileLength+1){ setTimeout(function(){ loop(i) },1); } else { txt.value += '\n};\n'; } }(45)); // start copying at byte 44 } function handleFileSelect(evt) { // This takes the file selected (and should be easily convertable to handle many files, but sod that for now!!) // and plonks the binarydata into inArray. var files = evt.target.files for (var i = 0, f; f = files[i]; i++) { var reader = new FileReader() reader.onload = (function(theFile) { // (2) - This is next, and is what happens once the file (below) has loaded. return function(e) { inArray=e.target.result; // This plonks the array into the array buffer variable thing } })(f) // (1) - This says "Read the file", and happens first reader.readAsBinaryString(f) } } function copyCode(){ txt = document.getElementById("theOutput"); txt.select(); try{ return document.execCommand("copy"); // Security exception may be thrown by some browsers. } catch (ex) { console.warn("Copy to clipboard failed.", ex); return false; } } </script> <body onload="init()"> <h1>Wav to Pokitto converter 1.0</h1> <span>Input file must be 8-bit mono PCM .wav</span><br/><br/> <label class="custom-file-input"> <input id="files" type="file" accept=".wav"> </label> <button onclick="DoConversion();return false;" class="button">Convert</button><br/> <div id="progressbarOuter"><span id="percentage">0%</span><div id="progressbarInner"></div></div><br/> <button onclick="copyCode();return false;" class="button">Copy Code</button><br/> <text area id="theOutput" name="theOutput" rows="25" cols="120"></text area> <br/><br/> <div>Code by <a href="https://twitter.com/Spinal_Cord" title="@Spinal_Cord">@Spinal_Cord</a>, <a href="https://twitter.com/DiziHelen" title="@DiziHelen">@DiziHelen</a> and <a href="https://twitter.com/Jayenkai" title="@Jayenkai">@Jayenkai</a></div> <div>Icons made by <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div> </body></html> --v Good enough for my current needs. Placed here because I will no doubt loose it in the future. I would never in a million years have thought to do this in HTML + Javascript, thanks Jay. -=-=- Check out my excellent homepage!
Sun, 03 Feb 2019, 10:48
Jayenkai	Now go the whole hog, and convert other formats of wav!! Glad my template was handy. -=-=- ''Load, Next List!''

Javascript-based Binary File Conversion Template