第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在 JavaScript 中將 ogg 音頻文件發(fā)布到 API?

如何在 JavaScript 中將 ogg 音頻文件發(fā)布到 API?

翻翻過去那場雪 2021-06-02 18:41:36
我正在使用簡單的開始和停止按鈕在網(wǎng)頁上錄制音頻。該文件存儲為 blob。我希望這個 blob 作為文件在對我的后端 API 的 POST 調(diào)用的正文中轉(zhuǎn)換為 base64。我嘗試了以下代碼:'use strict'var log = console.log.bind(console),  id = val => document.getElementById(val),  ul = id('ul'),  gUMbtn = id('gUMbtn'),  start = id('start'),  stop = id('stop'),  stream,  recorder,  counter = 1,  chunks,  media;var mv = id('mediaVideo'),  mediaOptions = {    video: {      tag: 'video',      type: 'video/webm',      ext: '.mp4',      gUM: { video: true, audio: true }    },    audio: {      tag: 'audio',      type: 'audio/ogg',      ext: '.ogg',      gUM: { audio: true }    }  }media = mediaOptions.audio;navigator.mediaDevices.getUserMedia(media.gUM).then(_stream => {  stream = _stream;  id('btns').style.display = 'inherit';  start.removeAttribute('disabled');  recorder = new MediaRecorder(stream);  recorder.ondataavailable = e => {    chunks.push(e.data);    let blob = new Blob(chunks, { type: media.type })      , url = URL.createObjectURL(blob)      , li = document.createElement('li')      , mt = document.createElement(media.tag)      , hf = document.createElement('a');    if (recorder.state == 'inactive') makeLink(url, li, mt, hf);    log('data receiving');    var reader = new FileReader();    reader.readAsDataURL(blob);    console.log(reader);    var xhttp = new XMLHttpRequest();    xhttp.open("POST", "http://localhost:8080/rest/api/v1/audio/submit", (JSON.stringify(reader)), true);    xhttp.setRequestHeader('Content-Type', 'application/json');    xhttp.send(JSON.stringify(reader));  };}).catch(log);start.onclick = e => {  start.disabled = true;  stop.removeAttribute('disabled');  chunks = [];  recorder.start();}stop.onclick = e => {  stop.disabled = true;  recorder.stop();  start.removeAttribute('disabled');}不幸的是,我無法弄清楚如何在 JavaScript 錄制后發(fā)布。
查看完整描述

1 回答

  • 1 回答
  • 0 關(guān)注
  • 138 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號