Slide 1
Slide 1 text
Cid Chang / LINE MUSIC
How we build
TECHPULSE Bot
Slide 2
Slide 2 text
Task Force
Wayne
Eric
Luke
Fischer
Alvin
Coke
Chien
Slide 3
Slide 3 text
Agenda › LINE chatbot
› Live Streaming
› NFT Reward
Slide 4
Slide 4 text
LINE Chatbot
Slide 5
Slide 5 text
LINE Developer Console
https://developers.line.biz/
Slide 6
Slide 6 text
other
LINE Developer Console
Components
Developer Provider Channel
Slide 7
Slide 7 text
LINE Developer Console
Slide 8
Slide 8 text
LINE Developer
› A developer can created many providers.
› A developer can be invited to join channels and corresponding provider.
› A developer logins with a LINE account or LINE Business Account
Slide 9
Slide 9 text
LINE Developer
Channel X
Channel Y
Developer A
Developer B Developer C
Provider
Slide 10
Slide 10 text
Channel Provider
› A provider owns at least one or many channels.
› A provider can be an individual, company, or organization that provides
services through the LINE platform.
› Channels in a provider may use same uid. That is, a channel can never
change it’s provider.
Slide 11
Slide 11 text
Channel Provider
Channel 1
Channel 4
Channel 2
Channel 5
Channel 3
Slide 12
Slide 12 text
LINE Channel
› By setting webhook in channels, connecting your system with OA
› A channel also management developers with roles
› A channel is a communication path between the LINE Platform and a
provider's services.
Slide 13
Slide 13 text
LINE Channel Type
› A channel of messaging api belong to an Official Account all its’ life.
› A channel has one channel type. Once a channel created, it’s type can
never change.
› A channel of LINE login can link with one official account. An official
account can be linked to many LINE login channel.
Slide 14
Slide 14 text
Relationship to OA
Developer Console OA Manager
developers managers
Channel 1 OA
OA
Slide 15
Slide 15 text
Chatbot
What is chatbot ?
In general point of a view, a chatbot is a program that can simulate human
conversation.
Actually, chatbot has been around for quite a while. When you hit “tab” in a
terminal, it comes out useful suggestion.
Slide 16
Slide 16 text
What Chatbot Works in LINE
Slide 17
Slide 17 text
LINE Chatbot
OA Your System
Channel
Slide 18
Slide 18 text
Messaging API
Slide 19
Slide 19 text
LINE Bot Designer
Slide 20
Slide 20 text
Flex Simulator
Slide 21
Slide 21 text
Rich Menu
› Rich menu is a menu feature
displayed at the bottom of the
LINE Official Account chat
screen.
› A channel may have 1000
customized rich menus
Slide 22
Slide 22 text
LINE Front-end Framework (LIFF)
› LIFF browser is a browser specifically for LIFF apps. Meanwhile, LIFF apps
also run on the main browsers.
› LIFF apps can get data from the LINE Platform to provide features that
utilize user data and send messages on the user's behalf.
› LIFF is a platform for web apps. The web apps running on this platform are
called LIFF apps.
Slide 23
Slide 23 text
LIFF Login
› When opening LIFF apps from an external browser, make sure to use
liff.login() method for the login process.
› You don’t need to use liff.login() in a LIFF browser, as it is automatically
executed liff.init() when is executed.
Slide 24
Slide 24 text
LINE Avatar
› LINE Avatar turn your profile
photo into a cute, realistic
cartoon of yourself.
› You can dress it up and pose it
in all sorts of ways, depending
on your style and mood.
Slide 25
Slide 25 text
TechPulse bot architecture
Slide 26
Slide 26 text
Live Streaming
Slide 27
Slide 27 text
Streaming Flow
Slide 28
Slide 28 text
Stream Normalize
› Audio source volume varies up and down.
› Streamer may push streaming with unexpected configuration.
Slide 29
Slide 29 text
Transcode to HLS
› HLS is based on the HTTP protocol and widely supported by all client
software.
› HLS deliver streams with adaptive bitrate. Users will experience most
suitable quality base upon their internet quality.
› HLS splits the stream into small fragments called chunks, information about
which is stored in a special file called manifest.
Slide 30
Slide 30 text
Content delivery network (CDN)
› CDN refers to a geographically
distributed group of servers which
work together to provide fast
delivery of Internet content.
› HLS can be cached on CDN
servers, and distributed via CDN as
static content
Slide 31
Slide 31 text
Content Protection
› Dynamic encryption key
› Verify the encryption key with every chunk file.
› Encrypted HLS
Slide 32
Slide 32 text
NFT Reward
Slide 33
Slide 33 text
Foundation
Blockchain
Slide 34
Slide 34 text
Blockchain
› Blockchains are opened to public and eliminates risks that come with data
being held centrally
› A blockchain is a growing list of records, called blocks , that are linked
together using cryptography
Slide 35
Slide 35 text
What is Blockchain
Slide 36
Slide 36 text
Use
Crypto-
currencies
NFT
Slide 37
Slide 37 text
Non-Fungible Token (NFT)
› A kind of coin can be identified and cannot be split.
› A NFT is a unique and non-interchangeable unit of data stored on
a blockchain
Slide 38
Slide 38 text
What is NFT
Slide 39
Slide 39 text
What is NFT
Slide 40
Slide 40 text
What is NFT
Slide 41
Slide 41 text
An online store/market for
people to sale and buy
NFT.
Global NFT
Platform
Slide 42
Slide 42 text
Components
Wallet Smart
Contract
Slide 43
Slide 43 text
What is Wallet
Slide 44
Slide 44 text
What is Smart Contract
Slide 45
Slide 45 text
NFT Reward Flow
Slide 46
Slide 46 text
ㄒ
LINE Blockchain is Coming Soon
Slide 47
Slide 47 text
LINE NFT
Slide 48
Slide 48 text
LINE NFT
Slide 49
Slide 49 text
› Things you should do for NFT redeem：
› Participant sessions
› Connect wallet
› Only 128 NFT available, go to get it !
TECHPULSE 2022 NFT
Slide 50
Slide 50 text
Thank you