質問編集履歴
1
タイトルの修正とそれに伴う内容の加筆修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
外部の動画配信サービスの再生時にCORSエラーが発生します。
|
body
CHANGED
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
お世話になります。
|
|
2
2
|
|
|
3
|
+
リソースの取得にBearerトークンの設定が必要な
|
|
4
|
+
HTTP Live Streamingリソースがあり
|
|
5
|
+
それをWindows上のブラウザで再生する方法を探しています。
|
|
6
|
+
|
|
3
|
-
|
|
7
|
+
下記の通りCORSエラーが出ており再生したいのですが上手くいきません。
|
|
4
8
|
ソースは下記の通りです。
|
|
5
|
-
（
|
|
9
|
+
（hls.jsを使用しています）
|
|
6
10
|
|
|
11
|
+
調べると配信元のサーバープログラムでレスポンスに「Access-Control-Allow-Origin」を指定する
|
|
12
|
+
修正が必要だという記事が見つかりますが、配信元は外部のサービスのためそれは出来ません。
|
|
7
13
|
|
|
14
|
+
この場合どうすれば再生できるかご教授よろしくお願いします。
|
|
15
|
+
|
|
16
|
+
|
|
8
17
|
```HTML
|
|
9
18
|
<script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
|
|
10
19
|
|
|
@@ -28,12 +37,7 @@
|
|
|
28
37
|
</script>
|
|
29
38
|
```
|
|
30
39
|
|
|
31
|
-
開発者ツールのコンソールに
|
|
40
|
+
※開発者ツールのコンソールに表示されるエラー
|
|
32
41
|
```ERROR
|
|
33
42
|
Access to XMLHttpRequest at 'http://XXXXXXXXXX/sample.m3u8' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
|
|
34
|
-
```
|
|
43
|
+
```
|
|
35
|
-
|
|
36
|
-
配信元のサーバープログラムに修正が必要なように見えますが
|
|
37
|
-
外部のサービスのためそれは出来ません。
|
|
38
|
-
|
|
39
|
-
どうすれば再生できるかご教授よろしくお願いします。
|