Databases
StackOverflow2013
Postsdbo
POTake Binary data and save it as an .mp3 file Javascript
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTake Binary data and save it as an .mp3 file Javascript
    primarykey
    data
    text
    <p>So I have a <code>Node.js</code> script and a Javascript file communicating with each other, and everything works except the <code>Node.js</code> is supposed to return data for an <code>.mp3</code> file.</p> <p>The data is binary, it looks like gibberish, how would I take that data it returns and allow the user to download it on a webpage using Javascript?</p> <p>It gets data using <code>http.responseText</code> by the way.</p> <p>Node.js Code </p> <pre><code>//initilization var querystring = require('querystring'); var http = require('http'); var url = require('url'); var fileSystem = require('fs'); var path = require('path'); var util = require('util'); //convert function function convert(voiceToUse, textToConvert, response) { console.log("Sending Convert Request..."); //data to send as a query var data = querystring.stringify( { username: 'user', password: 'pass', action: 'convert', voice: voiceToUse, text: textToConvert }); //options to use var options = { host: 'ws.ispeech.org', port: 80, path: '/api/rest/1.5', method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Content-Length': data.length } }; //http post request var req = http.request(options, function (res) { res.setEncoding('utf8'); res.on('data', function (chunk) { console.log("Body: " + chunk); var fileId = chunk.substr(chunk.indexOf("fileid") + 7); console.log("Converting File..."); download(fileId.substr(0, fileId.search("&amp;")), response); }); }); req.on('error', function (e) { console.log('problem with request: ' + e.message); }); req.write(data); req.end(); } //download function function download(id, response) { //data to send as a query var data = querystring.stringify( { username: 'user', password: 'pass', action: 'download', fileid: id }); //options to use var options = { host: 'ws.ispeech.org', port: 80, path: '/api/rest/1.5', method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Content-Length': data.length } }; //http post request var req = http.request(options, function (res) { res.on('data', function (chunk) { if (JSON.stringify(res.headers).indexOf("audio/mp3") != -1) { console.log("Downloading Chunk..."); /*var fs = require('fs'), str = 'string to append to file'; fs.open('test.mp3', 'a', 666, function (e, id) { fs.write(id, chunk, 0, chunk.length, 0, function () { fs.close(id, function () { }); }); });*/ response.write(chunk, "binary"); } else { download(id, response); } }); res.on('end', function () { if (JSON.stringify(res.headers).indexOf("audio/mp3") != -1){ response.end(); } }); }); req.on('error', function (e) { console.log('problem with request: ' + e.message); }); req.write(data); req.end(); } http = require('http'); fs = require('fs'); server = http.createServer( function(req, res) { console.dir(req.param); if (req.method == 'POST') { console.log("POST"); var body = ''; req.on('data', function (data) { body += data; console.log("Partial body: " + body); }); req.on('end', function () { console.log("Body: " + body); if(body){ convert('engfemale1', body, res); res.writeHead(200, { 'Content-Type': 'audio/mp3', 'Content-Disposition': 'attachment; filename="tts.mp3"' }); } }); } }); port = 8080; server.listen(port); console.log('Listening at port ' + port); </code></pre> <p>Javascript code</p> <pre><code>console.log('begin'); var http = new XMLHttpRequest(); var params = "text=" + bodyText; http.open("POST", "http://supersecretserver:8080", true); http.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //http.setRequestHeader("Content-length", params.length); //http.setRequestHeader("Connection", "close"); http.onreadystatechange = function() { console.log('onreadystatechange'); if (http.readyState == 4 &amp;&amp; http.status == 200) { alert(http.responseText);//response text is binary mp3 data } else { console.log('readyState=' + http.readyState + ', status: ' + http.status); } } console.log('sending...') http.send(params); console.log('end'); </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USOstap Hnatyuk
    1. USOstap Hnatyuk
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POTake Binary data and save it as an .mp3 file Javascript
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    2. VO
      singulars
      1. POTake Binary data and save it as an .mp3 file Javascript
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POTake Binary data and save it as an .mp3 file Javascript
      1. This table or related slice is empty.
      1. VTUpMod
    1. COWhy are you using XMLHttpRequest if you are providing a file for download?
      singulars
      1. POTake Binary data and save it as an .mp3 file Javascript
      1. USQuentin
    2. COI'm making a post request to a node.js server that converts text to speech. The javascript file extracts text from a page and sends it in a POST, and it receives binary mp3 data from the node.js server as a response.
      singulars
      1. POTake Binary data and save it as an .mp3 file Javascript
      1. USOstap Hnatyuk
    3. COAdded the code maybe that will help.
      singulars
      1. POTake Binary data and save it as an .mp3 file Javascript
      1. USOstap Hnatyuk
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload