越前屋、お主も悪よのう

WEB屋の日常。

*

ガラポンTV全局ライブ視聴用CSSスキン & Duet Display(iPad・iPhone)で観る

      2018/10/01

garapontv_50inch
AppleTVを使って50インチで観ても実用十分。

IMG_8472
Duet Displayを使うとiPad・iPhoneでも快適。

garapontv_4th
ガラポンTVってなに?って人は、下記の記事をどうぞ。

現在、ガラポンTV 伍号機を使用しています。六号機は全局ライブ視聴はできませんのでお気を付けを。

速報:全録機『ガラポンTV 四号機』発表。8局同時リアルタイム視聴に対応
http://japanese.engadget.com/2014/08/04/garatv/

ガラポンTVは、複数チューナーを内蔵して多チャンネルを長期間同時に録画する、いわゆる全録機と呼ばれるレコーダー。
全録に加えてインターネットを介した外出先からの視聴や、ソーシャルメディアとの連携や番組の中身も分かる検索など付随サービスの部分も特徴。

2014/08/07に発売された四号機は、従来からのワンセグ8ch x 24時間 x 2週間(最大120日間 ※要外付けHDD 4TB) の録画保存に加え新機能、全局ライブ視聴(※8局、正しくは録画遅延再生なので、停止・巻き戻し・最初から再生も自由)を実現し、気分はバック・トゥ・ザ・フューチャー2。

ただデフォルトのままだと、白背景に蛍光グリーンのヘッダが目に痛いんです。ムービーの大きさも私のディスプレイには小さくて、いちいちブラウザズームで調節してました。

garapontv_live_01
このままだと2014年的ではないし、せっかく流浪のweb屋なんだしで、CSSでスキンを作ってみました。マーティーとドクも来年来ちゃいますしね。

garapontv_live_02

IMG_8469

IMG_0062

いいんじゃない?
以下、私も使ってみたいという方へ。

  1. chrome に Stylebot というプラグインをインストールします。
  2. 全局ライブ視聴ページ http://site.garapon.tv/service/Player/NowOnAirList/ に移動。
  3. URLバー右横の「CSS」をクリック、「Open StyleBot…」を選択。
  4. サイドバー下部の「Edit CSS」をクリックして、下記 CSS をコピペ、「Save」して終了。
  5. /* skin for garapo tv live 8ch view ver. 1.1.0 by Hiroyuki Echizenya http://echizenya.biz 2015.10.07 */
     
    /*  1920x1080 4x2 */
    
    body {
        padding: 10px;
        background: #000;
    }
     
    .navbar-fixed-top {
        top: auto;
        bottom: 0 !important;
        z-index: auto;
    }
     
    .navbar-fixed-top .navbar-inner {
        background: #000;
    }
     
    .navbar-fixed-top a.brand {
        float: right;
        opacity: 0.2;
    }
     
    .navbar-fixed-top a.brand:hover {
        opacity: 0.3;
    }
     
    .navbar-fixed-top ul.nav {
        display: none;
    }
     
    .navbar-fixed-top .container,
    .container {
        width: 100%;
    }
     
    #sortable .ui-sortable-handle {
        width:  25%;
        height: 450px;
        padding-right: 0 !important;
        overflow: hidden;
    }
     
    #sortable .box_name {
        color: #666;
    }
     
    #sortable iframe {
        width: 100% !important;
        height: 100% !important;
    }
     
    #sortable .box_cover {
        width: 100% !important;
        height: 422px !important;
    }
     
    .footer {
        display: none;
    }
    
    
    
    /* iPad mini2,4th,others 2048x1536 3x3 */
    /*
    body {
        padding: 0;
    }
    
    #sortable .ui-sortable-handle {
       width:  33.3%;
        height: 255px; 
    }
    
    #sortable .box_cover {
        height: 255px !important;
    }
    */
    
    
    
    /* iPhone 6 750x1334 4x2 */
    /*
    .navbar-fixed-top {
        display: none;
    }
    
    #sortable .ui-sortable-handle {
       width:  25%;
        height: 210px; 
    }
    
    #sortable .box_cover {
        height: 210px !important;
    }
    */
    

    ※コード部ダブルクリックで全選択できます。

  6. 左メニューの保存をクリック。
  7. 全局ライブ視聴ページ http://site.garapon.tv/service/Player/NowOnAirList/ にアクセス、リロード。
  8. カスタマイズされる場合は39,40,56行を調節してみてください。
  9. Duet Display で iPad、iPhone を外部ディスプレイにする場合は、該当箇所のコメント(iPad は 66,79行目、iPhoneは84,97行目)を削除してください。
  10. お好みでテーマを黒っぽいものにしてもよし。(キャプチャは Blue Space Sunset Chrome Theme)、chromeをフルスクリーン(macならコマンド+シフト+F)でさらにスッキリ。

Duet Display

Duet Display
http://www.duetdisplay.com/jp

Duet Display – iTunes
https://itunes.apple.com/jp/app/duet-display/id935754064?mt=8

iPhone/iPad を Mac の外部ディスプレイにアプリ「Duet Display」
http://pc-karuma.net/iphone-ipad-app-duet-display/

おまけ ガラポンTV を2週間使ってみて

あえてネガティブなものだけ。

  • 最初に電源を入れた時にアップデートが始まるので注意、説明書を読もう。
  • 後から外付けHDDを導入した場合、内蔵HDDに保存されている番組はお気に入りを残して消えます、HDDは同時導入が吉。
  • 画質は一昔前の YouTube、期待は禁物。
  • 検索が貧弱。全角半角、大小文字、カナかなくらいの揺れはヒットして欲しい。できれば曖昧検索アルゴリズムを…どっかに落ちてないかな?

という感じで、ガラポンTVと nasne 4台体制でテレビライフを満喫中。

 - TV, ガラポンTV