动画直播
# 动画直播
动画直播是一个独立的h5动画网页，通过iframe 或 webview方式内嵌于网页或客户端中。
测试地址例子：
>w http://lmt.xxx.com/sc/index.jsp?matchId=505394&code=asdfjsjflkahslhvuhvejkejskjfdfe9&t=2019022012&auth_token=dcb90aa682c35ce65f5869ee1ce2a84c&nb=2&style_id=dfsdfdsdfsdfsdfsdfssfs
## 1.参数说明
|参数名|值域||说明|
|-|-|-|-|
|matchId|整形|必填|比赛id|
|nb|3|必填|3.0动画固定参数|
|hybrid|整形，默认0|选填|是否发送关闭遮罩指令。当设定为1的时候，动画加载完毕后，将加载地址hybrid://closeLoaddin，客户端需要拦截“hybrid://”开头的协议以实现相应功能|
|p|字符串|选填|通过该组参数可修改客户端的展示内容，包括：主客队名、联赛名称、动画背景。详细请看下面说明。s参数是对p参数的签名认定，避免被恶意修改。|
|s|字符串|选填||
|reverse|整形，默认0|选填|主客队位置是否需要反向调换：1.是 0.否|
|style_id|字符串|选填|32位样式id，本id决定动画的显示样式，该id由商务提供|
|鉴权参数|字符串|必填|请参看[鉴权认证](doc:BXfd3pkN)|
### p参数生成方式
p参数是提供给用户自行更换客户端中元素内容，包括：主客队名字、联赛名字、主客队logo图片。
|参数名||说明|
|-|-|-|
|homeName|选填|主队名字|
|awayName|选填|客队名字|
|homeLogo|选填|主队logo完整路径|
|awayLogo|选填|客队logo完整路径|
|leagueName|选填|联赛名字|
|matchTime|选填|比赛开始时间。UTC时间，也就是国际统一时间/国际协调时，表示方法： YYYYMMDD T HHMMSS Z(或者时区标识)。 其中“+08” 表示东八区，例子：2024-01-18T16:00:00+08:00。注意本中心提供的是东8区时间，其他地区时间应根据该地区时差做增减，并调整时区标识|
>i 第一步： 将参数按照如下方式整理，不需更改的内容不用传递该参数：
homeName=主队名称&awayName=客队名称&homeLogo=主队logo完整路径&awayLogo=客队logo完整路径&leagueName=联赛名称
第二步： 对上面的字符串使用BASE64编码，
aG9tZU5hbWU95Li76ZifJmF3YXlOYW1lPeWuoumYnyZsZWFndWVOYW1lPeiBlOi1myZyZXM9aHR0cDovLzE4My4yLjE2OC45NTo4MDgwL2xtdF9hbmltYXRpb24vaW1n
### s参数生成方式
>i s = md5('kto?'+P参数内容) = 00b83e674db3d8128d3549cc013d718b
## 2.CDN配置
关于动画cdn设置步骤：
1. 在cdn上新增自有域名；
2. 设置该域名回源至http://lmt.xxx.com；缓存周期设置为10秒。具体回源地址请与商务联系。
3. 设置完成后，请把cdn最终域名反馈给我司商务，我们将为其域名开通服务并测试。
## 3.动画播放对环境要求：
本动画采用h5技术开发需要浏览器或内嵌webview支持以下特性：
1) Js
2) http 及 https
3) websocket
4) 当打开关闭遮罩通知功能时，WebView需拦截hybrid:协议的请求。否则会报错。若没进行拦截，请勿填写参数hybrid或设hybrid为0。
5) Iframe，当前没使用iframe，但为了将来的扩展，建议在webview中支持该特性。
6)是部分android机型设置的字体过大会导致版面错乱的情况，android客户端应设置webview的默认字体大小为100。实现代码： webView.getSettings().setTextZoom(100) 。