質問編集履歴
4
PHPタグ外し
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
3
試したことの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -282,6 +282,12 @@
|
|
282
282
|
|
283
283
|
何種類か動画を差し替えて試したところ、2回目のfetchの容量が10mbに満たない場合は読み込みに成功しました
|
284
284
|
|
285
|
+
また、2回目のfetch分を別ファイルとしてphpを介さずapacheから取得してみましたが、同様にfetchが完了しませんでした。
|
286
|
+
|
287
|
+
おそらくchromeの独自仕様のせいだと思うんですが如何せん情報がないもので。
|
288
|
+
|
289
|
+
なにかわかる方いらっしゃいましたらよろしくおねがいします。
|
290
|
+
|
285
291
|
|
286
292
|
|
287
293
|
### 補足情報(FW/ツールのバージョンなど)
|
2
タイトル変更:エラー明記
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ChromeでのみFetchが完了しない
|
1
|
+
Chromeでのみ「CAUTION: request is not finished yet! 」でFetchが完了しない
|
test
CHANGED
File without changes
|
1
mac版chrome,firefoxのスクリーンショットを追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -16,10 +16,18 @@
|
|
16
16
|
|
17
17
|
![chrome](64e68fd2a87b706cc230bfa43be6cefa.png)
|
18
18
|
|
19
|
+
chrome(v92.0.4515.159) on macos bigsur(v11.6)
|
20
|
+
|
21
|
+
![chrome](a0f4f4c09e97f7dd6ff230493b685c6f.png)
|
22
|
+
|
19
23
|
firefox(v93.0) on windows10
|
20
24
|
|
21
25
|
![firefox](eab6ebd3780ce2629bce9bc9aedc325e.png)
|
22
26
|
|
27
|
+
firefox(v93.0) on macos bigsur(v11.6)
|
28
|
+
|
29
|
+
![firefox](991a1b364eed7014c489fc5cebb6cbc3.png)
|
30
|
+
|
23
31
|
safari(v15.0) on macos bigsur(v11.6)
|
24
32
|
|
25
33
|
![safari](4701ed7442ead9fe4e9b62e49765354d.png)
|
@@ -44,7 +52,7 @@
|
|
44
52
|
|
45
53
|
<script type="text/javascript">
|
46
54
|
|
47
|
-
|
55
|
+
var FILE = "";//request url
|
48
56
|
|
49
57
|
var chunk_size = 10 * 1024 * 1024; // 10mb
|
50
58
|
|
@@ -92,14 +100,10 @@
|
|
92
100
|
|
93
101
|
var readChunk = async(chunk)=> {
|
94
102
|
|
95
|
-
console.log(chunk);
|
96
|
-
|
97
103
|
const req = await fetch(FILE,{headers:{'Range':'bytes='+(chunk*chunk_size)+'-'+(((chunk+1)*chunk_size<=file_size)?((chunk+1)*chunk_size-1):(file_size-1))}});
|
98
104
|
|
99
105
|
const res = await req.arrayBuffer();
|
100
106
|
|
101
|
-
console.log(chunk);
|
102
|
-
|
103
107
|
for(let value of req.headers.entries()){
|
104
108
|
|
105
109
|
if (value[0]=='content-range') {
|
@@ -110,12 +114,8 @@
|
|
110
114
|
|
111
115
|
}
|
112
116
|
|
113
|
-
console.log(chunk);
|
114
|
-
|
115
117
|
sourceBuffer.appendBuffer(new Uint8Array(res));
|
116
118
|
|
117
|
-
console.log(chunk);
|
118
|
-
|
119
119
|
};
|
120
120
|
|
121
121
|
|
@@ -178,7 +178,7 @@
|
|
178
178
|
|
179
179
|
if (video.buffered.end(0)-60<video.currentTime&¤t_chunk < Math.ceil(file_size/chunk_size)) {
|
180
180
|
|
181
|
-
await readChunk(current_chunk);
|
181
|
+
await readChunk(current_chunk);//おそらくここのfetchで止まってる
|
182
182
|
|
183
183
|
current_chunk++;
|
184
184
|
|
@@ -224,8 +224,12 @@
|
|
224
224
|
|
225
225
|
/*
|
226
226
|
|
227
|
+
|
228
|
+
|
227
229
|
認証処理とかパスの生成(略)
|
228
230
|
|
231
|
+
|
232
|
+
|
229
233
|
ダウンロード処理(ResumeDownload):https://gist.github.com/kosinix/4cf0d432638817888149
|
230
234
|
|
231
235
|
|