B站是國(guó)內(nèi)一家知名的彈幕視頻網(wǎng)站，一直以來(lái)都是年輕人喜愛(ài)的網(wǎng)站。為了更好地展示視頻內(nèi)容和視頻信息，B站采用了卡片形式來(lái)展示，這就是我們常見的B站JSON卡片。

B站JSON卡片的實(shí)質(zhì)是JSON數(shù)據(jù)結(jié)構(gòu)，它包含了視頻的各種信息，例如視頻的封面、標(biāo)題、UP主、播放量、彈幕數(shù)等。使用JSON卡片不僅使得數(shù)據(jù)結(jié)構(gòu)更加清晰，而且也為前端設(shè)計(jì)師提供了更靈活的前端展示方案。

{
	"aid": 10238451, //視頻編號(hào)
	"attribute": 0,
	"bvid": "BV1sU4y1k7L9", //短碼
	"cid": 16169098, //播放編號(hào)
	"ctime": 1570714262, //上傳時(shí)間
	"desc": "看直播就上嗶哩嗶哩",
	"dimension": {  //分辨率
"height": 1080,
"rotate": 0,
"width": 1920
	},
	"duration": 342, //視頻時(shí)長(zhǎng)（秒）
	"dynamic": "", 
	"owner": {  //UP主信息
"avatar": "http://i1.hdslb.com/bfs/face/9545757d751a5dff159df2b9b825128230a2e43f.jpg", //頭像
"mid": 1662149, //UP主編號(hào)
"name": "bilibili官方賬號(hào)" //UP主名字
	},
	"pic": "http://i1.hdslb.com/bfs/archive/8d0c34175cbe357813f45ea4fa0ab41a65505a6b.jpg", //封面
	"play": 81810, //播放量
	"stat": {  //統(tǒng)計(jì)信息
"coin": 1776, //硬幣數(shù)
"danmaku": 760, //彈幕數(shù)
"favorite": 1357, //收藏?cái)?shù)
"like": 2515, //點(diǎn)贊數(shù)
"dislike": 11, //不喜歡數(shù)
"reply": 235, //評(píng)論數(shù)
"share": 40 //分享數(shù)
	},
	"subtitled": true,
	"title": "【華晨宇在線音樂(lè)室】華晨宇倒海-147cm的進(jìn)化版",
	"tname": "華晨宇",
	"videos": 1
}

對(duì)于前端工程師來(lái)說(shuō)，使用B站JSON卡片非常方便，因?yàn)檫@些數(shù)據(jù)非常容易解析和使用。同時(shí)，前端設(shè)計(jì)師也可以更靈活地組織視頻的各種信息，使得網(wǎng)站的界面看起來(lái)更加美觀、精致。