VRパノラマを目立たせる「動くバナー」

 VRパノラマのリンクを表示する場合、「360°VIEW」といったテキストや画像では、それを知っている人にしか伝わりにくいことは事実です。クリックした先に、360°をぐるぐる回して見られるVRパノラマがある、ということを伝えるためには、その動きを表示するバナーを使うのがよい方法です。

GIFアニメを使う

 GIFアニメは、ほとんどのブラウザで動きを表現できます。ただ色数が少ないために、空のグラデーション部分の階調飛びが目立ちつのが難点です。空以外の色のコントラストが大きい部分では問題なく見え、十分使用できるのではないかと思います。
 アニメ部分をクリックすれば、パノラマをブラウザ画面一杯で表示できます。300×145ピクセル、約10秒で、3.4MB程度です。

 

小さいパノラマとリンクボタンの併用

 インラインフレームで小さいパノラマを表示し、リンクボタンで開く方法もあります。インラインフレーム用には小さな画像のパノラマを使うことで、サイズは2~3MBに抑えることができます。VRパノラマとしてマウスで動かしたり、自動動作を設定することも可能です。表示に少し時間がかかるのが難点です。
 インラインフレーム自体にリンク先のホンモノのパノラマを表示し、「フルスクリーン」ボタンで大きく表示する方式もあります。この場合は「フルスクリーンで開く」ボタンは目立たせるようにした方がわかりやすいでしょう。

 

FLASHとリンクボタンの併用

 FLASHは、PCで閲覧するほとんどのブラウザで表示できます。ブラウザにFLASH PLAYER プラグインがインストールされいてる必要がありますが、VRパノラマを見るための条件と同じですから問題はありません。iOSやアンドロイドでは表示されません。
 動画自体にリンクを貼るには、FALSH 本体の編集が必要なようです。300×145ピクセル、約10秒で、2MB程度です。

 

mp4ビデオとリンクボタンの併用

 動画にリンクを紐づけるのではなく、ボタンを別に用意しました。
 300×145ピクセル、約10秒で、560KB程度です。非常に軽くてよいのですが、再生ボタンが面倒です。ページを開くと同時に再生できればよいのですが。

その他の説明

  • パノラマデータの中身はこちら
  • パノラマをバナーのリンクで開く方法はこちら
  • ページの中でパノラマを動かす方法はこちら

rev-01

  • 基礎知識
  • ▼ページをクリック

  • facebook

  • 住所・連絡先

    電話: 044-433-7212
       
  • 2016年12月
    « 11月    
     1234
    567891011
    12131415161718
    19202122232425
    262728293031  
  • リンク

    写真道場
  • ちいさな伝記
  • サイト内を検索できます