问用Javascript/Phonegap播放Azure Blob服务REST中的base64音频字符串
EN

Stack Overflow用户

提问于 2014-02-05 14:37:33

回答 1查看 970关注 0票数 1

我在播放一个音频文件(.aac)时遇到了问题，该音频文件作为bae64编码的字符串存储在来自javascript的中。

我有以下情况：

一种移动应用程序(PhoneGap)，它将音频记录到.aac文件并将其存储在本地存储器中。文件大小相同(<250 is )
通过使用，文件get被转换为base64编码的字符串，并通过jquery调用(参见UPLOAD_CODE)上传到我的blob存储帐户。有关BLOB的详细信息，请参阅此页。
当我通过浏览器手动下载文件时，我可以看到base64编码的字符串，它启动女巫“data:application/octet；base64 64，AAAA……”

UPLOAD_CODE片段：

$.ajax({
  url: url,
  type: "PUT",
  data: requestData,
  processData: false,
  beforeSend: function (xhr) 
              {
               xhr.setRequestHeader('x-ms-blob-type', 'BlockBlob');
               },
               tryCount: 0,
               retryLimit: NUMBER_OF_RETRIES,
               success: successcallback,
               error: errorcallback
   });

现在一切都很好。我被困在从存储api回放文件。我可以通过网址访问文件，但现在我希望用户能够收听上传的音频。

我一直在思考以下的解决方案，但我还没有开始工作：

使用phonegap媒体类并将url传递给base64编码的字符串并开始播放(流)音频。

下载base64字符串，转换成javascript中的音频文件并开始播放。

将文件上传到Blob存储中，作为一个实际的aac文件，而不是base64编码的字符串，以便在打开url时开始播放，例如浏览器。

D.？

以何种方式可以将这些场景转换为可行的解决方案？

javascript

audio

cordova

azure-storage

AIGC及大模型加速场景解决方案

为有AI内容生成、大模型需求的企业客户快速打造一站式方案

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-11 06:28:56

我已经通过将文件上传为byte[]而不是base64编码的字符串来解决这个问题。文件get作为.aac音频文件存储在blob存储器中，可以直接从存储区播放。

在上传时，我使用了以下代码：

var reader = new FileReader();
reader.onloadend = function (evt) {

if (evt.target.readyState === FileReader.DONE) { // DONE == 2

    var RETRY_TIMEOUT_SECONDS = 5;
    var NUMBER_OF_RETRIES = 3;

    var requestData = new Uint8Array(evt.target.result);

    $.ajax({
             url: url,
             type: "PUT",
             data: requestData,
             processData: false,
             beforeSend: function (xhr) {
                                xhr.setRequestHeader('x-ms-blob-type', 'BlockBlob');
                            },
             tryCount: 0,
             retryLimit: NUMBER_OF_RETRIES,
             success: function (data, status) {
                                console.log(status);
                            },
              error: function (xhr, desc, err) {
                      if (xhr.status === 403) {
                                    console.log("Access denied, the assigned upload  time has been exeeded");
                                } else {
                                    this.tryCount += 1;
                                    if (this.tryCount <= this.retryLimit) {
                                        console.log("Retrying transmission");
                                        setTimeout($.ajax(this), RETRY_TIMEOUT_SECONDS * 1000);
                                        return;
                                    }
                                }
                                console.log(desc);
                                console.log(err);
                            }
                        });
                    }
                };

  // Read the file as a byte[] 
  reader.readAsArrayBuffer(dbFile);