Download to read offline
![画像番号を保存・取得
function set_wapuu_image( $data ) {
$id = $data['id'];
update_post_meta( 60, 'wapuu-image', $id );
$data = array( 'id' => $id );
return new WP_REST_Response( $data, 200 );
}
function get_wapuu_image() {
$id = get_post_meta( 60, 'wapuu-image');
$data = array( 'id' => $id );
return new WP_REST_Response( $data, 200 );
}](https://image.slidesharecdn.com/wordpress-iot-171028023640/85/WordPress-IoT-41-320.jpg)
![APIより画像番号取得
api="http://example.net/wp-json/wapuu/v1/get"
def img_number():
try:
html = urllib.urlopen( api ).read()
except:
return None
data = json.loads(html)
return data['id']](https://image.slidesharecdn.com/wordpress-iot-171028023640/85/WordPress-IoT-44-320.jpg)
![番号で画像を探す
image_dir = "~/wapuu/"
viewer = "~/rpi-rgb-led-matrix/utils/led-image-viewer"
opt = " --led-daemon --led-gpio-mapping=adafruit-hat" +
" --led-no-hardware-pulse --led-chain=4 -L"
prev = None
while True:
time.sleep(2)
number = img_number()
if number is None: continue
files = glob.glob(image_dir+number+"-*.png")
if len(files) < 1: continue
if files[0] == prev: continue
if prev is not None: kill_img()
commands.getstatusoutput("sudo "+viewer+opt+files[0])
prev = files[0]](https://image.slidesharecdn.com/wordpress-iot-171028023640/85/WordPress-IoT-45-320.jpg)
![切替時は画像を消す
pattern = r"^ *(d+) .*/led-image-viewer"
def kill_img ():
id = []
ps_list = commands.getoutput('ps awx')
for process in ps_list.split("n"):
match = re.match(pattern, process)
if not match: continue
id.append(match.group(1))
commands.getoutput("sudo kill "+" ".join(id))](https://image.slidesharecdn.com/wordpress-iot-171028023640/85/WordPress-IoT-46-320.jpg)
![選択ページ
<form method="post"
action="/wp-json/wapuu/v1/set/001">
<div>[caption id="attachment_40"
align="alignleft" width="150"]
<img src="/wp-content/uploads/
2017/09/001-original-150x150.png"
alt="001" width="150" height="150"
class="size-thumbnail wp-image-40" />
Original (WordCamp 2011 Fukuoka)<br>
<button type="submit" value="001">
Submit</button>
[/caption]</div></form>](https://image.slidesharecdn.com/wordpress-iot-171028023640/85/WordPress-IoT-47-320.jpg)
WordPressで制御するこれからのIoT
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. エンドポイント設置 add_action( 'rest_api_init', function() { register_rest_route( 'anything/v1', '/get', array( 'methods' => 'GET', 'callback' => 'get_anything_awesome', ) ); } ); function get_anything_awesome() { $data = array('result' => 'great data'); return new WP_REST_Response( $data, 200 ); }
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. パッケージインストール $ sudo aptinstall git libgraphicsmagick++-dev libwebp-dev
- 30. RPi RGB LEDMatrix
- 31. ライブラリのmake $ git clonehttps://github.com/ hzeller/rpi-rgb-led-matrix $ cd rpi-rgb-led-matrix $ make -C examples-api-use $ cd utils $ make led-image-viewer
- 32. Demo $ cd example-api-use $sudo ./demo --led-gpio-mapping=adafruit-hat --led-no-hardware-pulse --led-chain=4 -L -D 0
- 33.
- 34.
- 35.
- 36. Scroll Demo $ sudo./demo --led-gpio-mapping=adafruit-hat --led-no-hardware-pulse --led-chain=4 -L -D 1 ../../images/wapuu.ppm
- 37.
- 38.
- 39.
- 40. エンドポイント設置 add_action( 'rest_api_init', function() { register_rest_route( 'wapuu/v1', '/set/(?P<id>d+)', array( 'methods' => 'POST', 'callback' => 'set_wapuu_image', 'args' => array( 'id' => array( 'validate_callback' => function($param, $request, $key) { return is_numeric( $param ); } ), ), ) ); register_rest_route( 'wapuu/v1', '/get', array( 'methods' => 'GET', 'callback' => 'get_wapuu_image', ) ); } );
- 41. 画像番号を保存・取得 function set_wapuu_image( $data) { $id = $data['id']; update_post_meta( 60, 'wapuu-image', $id ); $data = array( 'id' => $id ); return new WP_REST_Response( $data, 200 ); } function get_wapuu_image() { $id = get_post_meta( 60, 'wapuu-image'); $data = array( 'id' => $id ); return new WP_REST_Response( $data, 200 ); }
- 42.
- 43.
- 44. APIより画像番号取得 api="http://example.net/wp-json/wapuu/v1/get" def img_number(): try: html =urllib.urlopen( api ).read() except: return None data = json.loads(html) return data['id']
- 45. 番号で画像を探す image_dir = "~/wapuu/" viewer= "~/rpi-rgb-led-matrix/utils/led-image-viewer" opt = " --led-daemon --led-gpio-mapping=adafruit-hat" + " --led-no-hardware-pulse --led-chain=4 -L" prev = None while True: time.sleep(2) number = img_number() if number is None: continue files = glob.glob(image_dir+number+"-*.png") if len(files) < 1: continue if files[0] == prev: continue if prev is not None: kill_img() commands.getstatusoutput("sudo "+viewer+opt+files[0]) prev = files[0]
- 46. 切替時は画像を消す pattern = r"^*(d+) .*/led-image-viewer" def kill_img (): id = [] ps_list = commands.getoutput('ps awx') for process in ps_list.split("n"): match = re.match(pattern, process) if not match: continue id.append(match.group(1)) commands.getoutput("sudo kill "+" ".join(id))
- 47. 選択ページ <form method="post" action="/wp-json/wapuu/v1/set/001"> <div>[caption id="attachment_40" align="alignleft"width="150"] <img src="/wp-content/uploads/ 2017/09/001-original-150x150.png" alt="001" width="150" height="150" class="size-thumbnail wp-image-40" /> Original (WordCamp 2011 Fukuoka)<br> <button type="submit" value="001"> Submit</button> [/caption]</div></form>
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.