質問編集履歴

1

タイトルの修正とそれに伴う内容の加筆修正

2021/11/21 07:59

投稿

popmusic
popmusic

スコア2

test CHANGED
@@ -1 +1 @@
1
- リソースの取得Bearerトクンの設定必要なHTTP Live StreamingをWindows上のブラウザで再生する方法
1
+ 外部の動画配信サスの再生時CORSエラーがしま
test CHANGED
@@ -2,11 +2,29 @@
2
2
 
3
3
 
4
4
 
5
+ リソースの取得にBearerトークンの設定が必要な
6
+
7
+ HTTP Live Streamingリソースがあり
8
+
9
+ それをWindows上のブラウザで再生する方法を探しています。
10
+
11
+
12
+
5
- 記の通り再生したいのですが上手くいきません。
13
+ 記の通りCORSエラーが出ており再生したいのですが上手くいきません。
6
14
 
7
15
  ソースは下記の通りです。
8
16
 
9
- ググった結果hls.jsを使用しています)
17
+ (hls.jsを使用しています)
18
+
19
+
20
+
21
+ 調べると配信元のサーバープログラムでレスポンスに「Access-Control-Allow-Origin」を指定する
22
+
23
+ 修正が必要だという記事が見つかりますが、配信元は外部のサービスのためそれは出来ません。
24
+
25
+
26
+
27
+ この場合どうすれば再生できるかご教授よろしくお願いします。
10
28
 
11
29
 
12
30
 
@@ -58,20 +76,10 @@
58
76
 
59
77
 
60
78
 
61
- 開発者ツールのコンソールには下記のエラーが表示されます。
79
+ 開発者ツールのコンソールに表示されるエラー
62
80
 
63
81
  ```ERROR
64
82
 
65
83
  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.
66
84
 
67
85
  ```
68
-
69
-
70
-
71
- 配信元のサーバープログラムに修正が必要なように見えますが
72
-
73
- 外部のサービスのためそれは出来ません。
74
-
75
-
76
-
77
- どうすれば再生できるかご教授よろしくお願いします。