Table of Contents

デジタルサイネージ

Raspberry Pi でデジタルサイネージ(キオスク、情報表示端末)として使うためのメモ。

misc

日付・時刻

iFrame 内の拡大縮小

0.55倍の場合

<iframe src="★URL★" frameborder="1" width="640" height="480" style="transform:scale(0.55);-o-transform:scale(0.55);-webkit-transform:scale(0.55);-moz-transform:scale(0.55);-ms-transform:scale(0.55);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;"></iframe>

参考:外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法 : アシアルブログ

表の活用

天気の表示

(1)以下のページにアクセスし、天気を表示したい地域の経度・緯度を求める。

Googleマップで緯度・経度を求める

(2)以下の [経度]、[緯度] に1で求めた値を入れ、[表示する地域] に地域名を入れる。

<iframe style="align:right"id="forecast_embed" type="text/html" frameborder="0" height="250px" width="830px" src="http://forecast.io/embed/#lat=[経度]&lon=[緯度]&name=[表示する地域]&units=si"> </iframe>

東京駅の緯度(北緯 35° 40′ 49″)経度(東経 139° 46′ 7″)なら以下のようになる。

<iframe style="align:right"id="forecast_embed" type="text/html" frameborder="0" height="250px" width="830px" src="http://forecast.io/embed/#lat=35.4049&lon=139.4607&name=Tokyo Station&units=si"> </iframe>

(3)2のコードを html に書き込む。

参考:Raspberry Pi: Wall Mounted Calendar and Notification Center - All

ブログに書いたこと