質問編集履歴

4

PHPタグ外し

2021/10/18 13:52

投稿

__xpa__
__xpa__

スコア2

test CHANGED
File without changes
test CHANGED
File without changes

3

試したことの追記

2021/10/18 13:52

投稿

__xpa__
__xpa__

スコア2

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

タイトル変更:エラー明記

2021/10/18 13:51

投稿

__xpa__
__xpa__

スコア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のスクリーンショットを追加

2021/10/18 11:43

投稿

__xpa__
__xpa__

スコア2

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
- var FILE = "";//request url
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&&current_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