11

次の方法で HTML5 機能を使用してオーディオ/wav をストリーミングしようとしています。

<audio type="audio/wav" src="/sound/10/audio/full" sound-id="10" version="full" controls="">
</audio>

currentTime 属性を再生または再配置することが不可能であるという事実を除いて、これは Chrome で非常にうまく機能しています。

var audioElement = $('audio').get(0)
audioElement.currentTime
> 1.2479820251464844
audioElement.currentTime = 0
audioElement.currentTime
> 1.2479820251464844

次のコードを使用して、Grails コントローラーからオーディオ ファイルを提供しています。

 def audio() {
    File file = soundService.getAudio(...)
    response.setContentType('audio/wav')
    response.setContentLength (file.bytes.length)
    response.setHeader("Content-disposition", "attachment;filename=${file.getName()}")
    response.outputStream << file.newInputStream() // Performing a binary stream copy
    response.status = 206

    return false
}

Chrome からの次の出力からわかるように、Grails は 206 (Partial-Content) ではなく HTTP 応答 200 を返しているようです。

Request URL:http://localhost:8080/sound/10/audio/full
Request Method:GET
Status Code:200 OK
Request Headersview source
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:identity;q=1, *;q=0
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Cookie:JSESSIONID=9395D8FFF34B7455F937190F521AA1BC
Host:localhost:8080
Range:bytes=0-3189
Referer:http://localhost:8080/cms/sound/10/edit
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.11 (KHTML, like Gecko)                 Chrome/23.0.1271.97 Safari/537.11
Response Headersview source
Content-disposition:attachment;filename=full.wav
Content-Length:3190
Content-Type:audio/wav
Date:Wed, 19 Dec 2012 13:58:44 GMT
Server:Apache-Coyote/1.1

何が間違っているのでしょうか？

ありがとう、アミット。

添加：

コントローラーのロジックを次のように変更します。

response.status = 206
response.setContentType(version.mime)
response.setContentLength (file.bytes.length)
response.setHeader("Content-disposition", "attachment;filename=${file.getName()}")
response.outputStream << file.newInputStream() // Performing a binary stream copy

HTTP-206(Partial-Content) を返すのに役立ちましたが、Chrome と Firefox の両方が音声ファイルを再生しません (Chrome が 200 のファイルを取得したときに再生したことを再度言及します...)

Chrome のネットワーク コンソールのスクリーンショット

応答の次の情報とともに:

 Request URL:http://localhost:8080/sound/10/audio/full
 Request Headersview source
 Accept-Encoding:identity;q=1, *;q=0
 Range:bytes=0-
 Referer:http://localhost:8080/cms/sound/10/edit
 User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11
4

1 に答える 1

4

あなたは試してみたいかもしれません：

response.reset();
response.setStatus(206);
response.setHeader("Accept-Ranges", "bytes");
response.setHeader("Content-length", Integer.toString(length + 1));
response.setHeader("Content-range", "bytes " + start.toString() + "-" + end.toString() + "/" + Long.toString(f.size()));
response.setContentType(...);

このタイプの出力は、クライアントが具体的に範囲を要求した場合にのみ実行する必要があります。次を使用して確認できます。

String range = request.getHeader("range");

範囲が null でない場合は、開始バイト要求と終了バイト要求の範囲を解析する必要があります。範囲として "0-" を使用できることに注意してください。場合によっては、サービスが範囲リクエストの処理方法を認識しているかどうかを確認するために、リクエストとして "0-1" が表示されることがあります。

于 2012-12-22T07:08:10.433 に答える