B站是國內一家知名的彈幕視頻網站,一直以來都是年輕人喜愛的網站。為了更好地展示視頻內容和視頻信息,B站采用了卡片形式來展示,這就是我們常見的B站JSON卡片。
B站JSON卡片的實質是JSON數據結構,它包含了視頻的各種信息,例如視頻的封面、標題、UP主、播放量、彈幕數等。使用JSON卡片不僅使得數據結構更加清晰,而且也為前端設計師提供了更靈活的前端展示方案。
{ "aid": 10238451, //視頻編號 "attribute": 0, "bvid": "BV1sU4y1k7L9", //短碼 "cid": 16169098, //播放編號 "ctime": 1570714262, //上傳時間 "desc": "看直播就上嗶哩嗶哩", "dimension": { //分辨率 "height": 1080, "rotate": 0, "width": 1920 }, "duration": 342, //視頻時長(秒) "dynamic": "", "owner": { //UP主信息 "avatar": "http://i1.hdslb.com/bfs/face/9545757d751a5dff159df2b9b825128230a2e43f.jpg", //頭像 "mid": 1662149, //UP主編號 "name": "bilibili官方賬號" //UP主名字 }, "pic": "http://i1.hdslb.com/bfs/archive/8d0c34175cbe357813f45ea4fa0ab41a65505a6b.jpg", //封面 "play": 81810, //播放量 "stat": { //統計信息 "coin": 1776, //硬幣數 "danmaku": 760, //彈幕數 "favorite": 1357, //收藏數 "like": 2515, //點贊數 "dislike": 11, //不喜歡數 "reply": 235, //評論數 "share": 40 //分享數 }, "subtitled": true, "title": "【華晨宇在線音樂室】華晨宇倒海-147cm的進化版", "tname": "華晨宇", "videos": 1 }
對于前端工程師來說,使用B站JSON卡片非常方便,因為這些數據非常容易解析和使用。同時,前端設計師也可以更靈活地組織視頻的各種信息,使得網站的界面看起來更加美觀、精致。