[DAY15]组图(2)

Imagemap message
Imagemap messages are messages configured with an image that has multiple tappable areas. You can assign one tappable area for the entire image or different tappable areas on divided areas of the image.
组图讯息能够给予许多地方做按钮但是无法明确表示所以需要用图分开才比较明显
You can also play a video on the image and display a label with a hyperlink after the video is finished.
甚至我们可以在其中放入影片(仍然不推荐因为跑得真的很久)
type
String Required
imagemap

baseUrl
String Required
Base URL of the image
Max character limit: 2000
HTTPS over TLS 1.2 or later
For more information about supported images in imagemap messages, see How to configure an image.

altText
String Required
Alternative text
Max character limit: 400

baseSize.width
Number Required
Width of base image in pixels. Set to 1040.

baseSize.height
Number Required
Height of base image. Set to the height that corresponds to a width of 1040 pixels.
在被点击时会进行的动作可以连接网站或让使用者传送讯息,能引导我们的LINE功能出来
actions
Array of imagemap action objects Required
Action when tapped
Max: 50

以下是要用到影片时才会用到的程序码
video.originalContentUrl
String *1
URL of the video file (Max character limit: 2000)
HTTPS over TLS 1.2 or later
mp4
Max length: No limit Max file size: 200 MB

video.previewImageUrl
String *1
URL of the preview image (Max character limit: 2000)
HTTPS over TLS 1.2 or later
JPEG or PNG
Max image size: No limits
Max file size: 1 MB
影片位置以左上角为基准点
video.area.x
Number *1
Horizontal position of the video area relative to the left edge of the imagemap area. Value must be 0 or higher.

video.area.y
Number *1
Vertical position of the video area relative to the top of the imagemap area. Value must be 0 or higher.
影片模板大小
video.area.width
Number *1
Width of the video area

video.area.height
Number *1
Height of the video area
先前提到的影片点开後右上角的连结
video.externalLink.linkUri
String *2
Webpage URL. Called when the label displayed after the video is tapped.
Max character limit: 1000
The available schemes are http, https, line, and tel. For more information about the LINE URL scheme, see Using LINE features with the LINE URL scheme.

video.externalLink.label
String *2
Label. Displayed after the video is finished.
Max character limit: 30
https://ithelp.ithome.com.tw/upload/images/20210929/20140159qWs2scjPZu.png


<<:  [Day28]Laravel Eloquent ORM

>>:  Day14 - 在 Next.js 如何做 authentication

DAY10 MongoDB 聚合(Aggregate)种类介绍

DAY10 MongoDB 聚合(Aggregate)种类介绍 终於来到第十天,进入比较有趣(X)、...

[前端暴龙机,Vue2.x 进化 Vue3 ] Day21. 『小专题◕ᴥ◕』 Vue 旅游小帮手(二)

今天继续来增加功能,并再取得另一批资料来使用 目标四,再加入旅馆 API 有了景点,再来解决住的部份...

零信任架构(InfoSec Taiwan 2020)

零信任架构简介 TWCSA活动:https://2020.infosec.org.tw 日期/时间:...

Wondershare Recoverit档案救援软件替代救援方案

如果家里、公司或学校电脑上的重要档案损坏或丢失,您一定会非常着急。不要担心,本文将爲您介绍一款适合任...

Day15 Combine 02 - Publisher

Publisher 在Combine 中,Publisher 是观察者模式中的Observable,...