【LINE BOOT AWARDS 2018】QR DE PUSH! 解説

QR DE PUSH! 解説

LINE BOOT AWARDS 2018に応募した「QR DE PUSH!」の 解説をします。

QR DE PUSH!とは?

「QR DE PUSH!」はLINE bot上からQRコードを読み取ることでClovaにpushで喋ってもらうことができます。

スクリーンショット

 

デモ動画

 

 

やっていること

実は、MessagingAPIはLIFFの起動のみに利用していまして、その他には一切使ってません

 

1.QRコードリーダーの立ち上げ

QRコードリーダーの立ち上げは、リッチメニューで特定URLを指定することで立ち上げています。

 

2. QRコードからLIFF起動

さらにQRコード作成時に、line://から始まるLIFFのURLで作成することでQRコードリーダーからLIFFの立ち上げを実現してます。

 

3. LIFFでコンテンツ表示

LIFFのブラウザに表示されているのはWORD PRESSのwebサイトです。

LIFFでWORD PRESSを利用することにより、コンテンツを動的にブログ感覚で更新できます

 

4. 音声データの再生

ここではHTML5のaudioタグを利用して、音声の再生を行っています。

今回は音声データを自動再生させていますが、再生・停止ボタン等も、もちろん実装可能です。

スマホとClovaを予めBluetoothで接続することでPUSH風の機能を実現しました。

 

最後に

LIFFって素晴らしい。

ClovaとQRコードと音声データがあれば、ユビキタスな世界が簡単に作れるってすごい事だと思います。