【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コードと音声データがあれば、ユビキタスな世界が簡単に作れるってすごい事だと思います。

 

  • このエントリーをはてなブックマークに追加