###前提・実現したいこと
google vr view for webのAPIを利用してm3u8形式の動画をweb上で360度&VR再生したいです。
###発生している問題・エラーメッセージ
動作確認はOS Xの10.12.6のsafariブラウザで確認しましたが、音声のみの再生となり、映像を見ることができません。
###該当のソースコード
html
1<!DOCTYPE html> 2<html> 3<head> 4 <title>VR View Codelab</title> 5 <meta name=viewport content="width=device-width, initial-scale=1"> 6 <meta charset="utf-8" /> 7 <link href="//fonts.googleapis.com/css?family=Lora|Open+Sans" rel="stylesheet" type="text/css"> 8 <link href="styles/style.css" rel="stylesheet" type="text/css"> 9 <style> 10 </style> 11</head> 12 13<h1>VR TEST</h1> 14<iframe 15 frameborder="0" 16 width="100%" 17 scrolling="no" 18 allowfullscreen 19 src=" src="vrview/index.html?video=https://bitmovin-a.akamaihd.net/content/playhouse-vr/m3u8s/105560.m3u8"> 20</iframe> 21 22</body> 23</html>
JavaScript
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <title>VR view</title> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> 7 <meta name="mobile-web-app-capable" content="yes"> 8 <meta name="apple-mobile-web-app-capable" content="yes" /> 9 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> 10 <link rel="stylesheet" href="style.css"> 11 </head> 12 13 <body> 14 <div id="error" class="dialog"> 15 <div class="wrap"> 16 <h1 class="title">Error</h1> 17 <p class="message">An unknown error occurred.</p> 18 </div> 19 </div> 20 21 <div id="play-overlay"> 22 <img src="images/ic_play_arrow_white_24dp.svg"/> 23 </div> 24 25 <a id="watermark" href="http://g.co/vr/view" target="_blank"> 26 <img src="images/ic_info_outline_black_24dp.svg"/> 27 </a> 28 29 <script> 30WebVRConfig = { 31 BUFFER_SCALE: 0.5, 32 TOUCH_PANNER_DISABLED: false 33}; 34 </script> 35 36 <script src="build/three.js"></script> 37 <script src="build/embed.js"></script> 38 </body> 39</html> 40
###試したこと
.mpd形式の動画ファイルは360度&VRで再生することができました。
###補足情報(言語/FW/ツール等のバージョンなど)
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/02/02 02:51 編集
2017/02/02 06:57
2017/02/02 10:01
2017/02/02 10:05
2017/02/07 04:27
2017/03/09 13:43 編集
2017/03/09 13:24
2017/03/09 13:32
2017/03/09 13:43
2017/03/09 13:45
2017/03/09 13:46
2017/03/09 13:49
2017/03/09 13:49
2017/03/09 13:50
2017/03/09 13:54
2017/03/09 13:57
2017/03/09 14:07
2017/03/09 14:22
2017/03/09 14:24
2017/03/09 14:26
2017/03/09 14:28
2017/03/09 14:29
2017/03/09 14:29
2017/03/09 14:32
2017/03/09 14:45
2017/03/09 14:46
2017/03/09 14:48
2017/03/09 14:58
2017/03/10 08:37
2017/03/10 09:56
2017/03/10 10:52
2017/03/10 10:52
2017/03/10 11:12
2017/03/10 11:46
2017/03/10 12:25
2017/03/10 13:59
2017/03/19 07:19
2017/03/19 09:12