存储临时数据改为了用列表存储（我都不知道我是怎么想到用自定义标签的阴间方法的……）
45 | 3.提升了网络体验（更换服务器）
46 |
47 |
48 | ### 1.1
49 | 版本：1.1
50 | 更新时间：2020-10-31
51 | 更新简介：
52 | 为了让大家快点用上新版本，再加上马上期中考，更新有些仓促，新增的功能比较少。
53 | 本次更新添加了“关注”功能，完整的直播观看系统在做了
54 | 更新内容： 1.找回了关注功能，能在本地直接使用 UID 添加喜欢的 UP 主（不能和 B 站账号同步！） 2.在“直播”选项卡按“观看”键可以试试正在制作的看直播功能（用来测试的是“KPL 官方赛事直播间”），目前看直播功能如下： 1.如果 UP 主有在直播，可以正常低画质观看直播流（高画质 8110 带不动） 2.全屏观看直播
55 |
56 |
57 | ### 1.2
58 | 版本：1.2
59 | 更新时间：2021-1-30
60 | 更新简介：
61 | 这次更新间隔有点长，因为我有严重拖延症（沉迷 Arcara）。这次更新改进了一些细节，填了一些坑。
62 | 视频暂停神马的还暂时做不到（能获取到视频的文件位置，但叔叔做了跨域限制，只有 B 站自己的网址能正常访问。转发视频流神马的小带宽吃不消 Σ:3，以后试一下伪装包名）
63 | 有反馈说弹幕太多了看不到视频，含泪把弹幕关闭了
64 | 更新内容：
65 | 1.“首页推荐”选项卡更名“热门” 2.修复了无法正常退出程序的 bug 3.视频播放页面可以查看视频详情了 4.软件启动会自动检查更新，下一次更新可以直接在手机安装了（前提是安装了 Omni SD） 5.在非全屏页面下能看到状态栏了 6.可以观看已关注的 UP 主的直播流（暂时不提供 UP 主是否正在直播的查询）（反正出错你就退出来 Σ;3） 7.关闭了弹幕功能 8.视频播放窗口的音量调节按钮改到了右软键（直播页面仍然是 2 键）
66 |
67 |
68 | ### 1.3
69 | 版本：1.3
70 | 更新时间：2021-3-14
71 | 更新简介：
72 | 【应急更新】云服务器到期了，学生机续费次数用完了（哭）。马上之前的版本用不了了，现在用的是我自己搭建的服务器，使用体验会非常差，希望大家可以理解。
73 | 这期间应用响应时间多半在 10 秒以上，希望大家能等一下……
74 | 可能会有家里人拔电源线的情况，希望大家能够理解……
75 | 更新内容： 1.更换了服务器
76 |
77 |
78 | ### 1.4
79 | 版本：1.4
80 | 更新时间：等亿下
81 | 更新简介：
82 |
83 |
84 |
85 | 更新内容： 1.能显示关注的 UP 主的完整的视频列表 2.增加了搜索视频的功能 3.能播放分 P 视频的其它分集 4.能手动输入直播间号观看直播视频
86 | 1.4 更新补充：
87 | 更改接口请求方式，直接请求 b 站官方接口，不再由服务器中转！
88 |
89 |
90 | ### 1.5
91 | 版本：1.5
92 | 更新人：zixing
93 | 更新内容： 1.修改快捷键，播放界面 2 键提高音量，8 键降低音量。 2.可以删除添加或清空关注的主播和直播内容 3.直播更改为通过直播间 id 或者直播的用户进行添加,可以删除添加的直播间 4.注意：本版本更新更改了关注和直播的数据结构，会自动转化旧版的数据！ 5.修复视频评论内容，支持下一页操作 6.修改获取图片时的默认分辨率，使网络加载图片更加顺畅 7.主页视频支持切换三天热点或者七天热点 8.搜索支持下一页操作 9.查看 UP 主视频支持下一页操作
94 |
95 |
96 | ### 1.6
97 | 版本：1.6
98 | 更新人：zixing
99 | 更新内容： 1.现在直播可以加载出直播间信息并且可以查看直播弹幕了(需要手动刷新) 2.切换菜单时记住当前选中的项目。 3.视频可以暂停了（解析了视频直链，不再使用 B 站播放器）
100 |
101 |
102 | ### 1.8
103 | 版本 1.8
104 | 更新人：michael_eddy 1.现在你可以登录了。 2.登录后的一些操作：关注列表、评论、收藏夹、投稿。 3.支持看直播和发弹幕。 4.支持通过按钮“4”、“6”进行视频“快退”、“快进”。 5.支持番剧、国创、直播列表/分区。 6.番剧可以用 480P 看了，虽然支持 720P 但是实测很容易崩溃
105 |
106 |
107 | ### 1.8.1
108 | 版本 1.8.1
109 | 更新人：michael_eddy 1.添加视频弹幕，可以在分区-设置中开启或者关闭
110 |
111 |
112 | ### 1.8.2
113 | 版本 1.8.2
114 | 更新人：michael_eddy 1.添加直播弹幕，可以在分区-设置中开启或者关闭（视频弹幕关闭则直播弹幕也会关闭，但列表中弹幕仍会更新）
115 |
116 | ### 1.8.3
117 | 版本 1.8.3
118 | 更新人：michael_eddy 1.修改主界面去掉旧无用代码提高效率 2.增加播放器失败重新播放功能
119 |
120 | ### 1.8.5
121 | 版本 1.8.5
122 | 更新时间：2022-9-3
123 | 更新人：白羊座的一只狼（TonyLang）
124 | 更新内容：紧急修复了视频搜索功能的API调用错误。该错误由B站服务端升级引起。
125 |
126 | ### 1.8.6
127 | 版本 1.8.6
128 | 更新时间：2023-3-18
129 | 更新人：zixing
130 | 更新内容：修复了登录不能使用的问题，需要使用手机端哔哩哔哩app扫码登录
131 |
132 | ### 1.8.7
133 | 版本 1.8.7
134 | 更新时间：2023-3-18
135 | 更新人：zixing
136 | 更新内容：紧急修复协议问题
137 |
138 | ### 1.8.8
139 | 更新时间：2024-3-26
140 | 更新人：zixing
141 | 更新内容：
142 | 1.修复登录页面的相关错误
143 | 2.修复直播页面的错误问题
144 | 3.其他小问题修复
145 |
146 |
147 |
148 |
--------------------------------------------------------------------------------
/application/live/index.css:
--------------------------------------------------------------------------------
1 | /* First of all */
2 | * {
3 | box-sizing: border-box;
4 | margin: 0;
5 | padding: 0;
6 | }
7 |
8 | /* Tab */
9 | .tab {
10 | width: 100%;
11 | height: 30px;
12 | position: fixed;
13 | top: 150px;
14 | background-color: white;
15 | z-index: 2;
16 | }
17 |
18 | .tab li {
19 | float: left;
20 | list-style: none;
21 | margin: 7.5;
22 | font-size: 14px;
23 | position: relative;
24 | top: -3px;
25 | }
26 |
27 | .focus {
28 | border-bottom: 3px solid #d26585;
29 | }
30 |
31 | /* Item */
32 | .items {
33 | position: absolute;
34 | width: 100%;
35 | height: 110px;
36 | overflow: hidden;
37 | position: fixed;
38 | top: 30px;
39 | z-index: 1;
40 | top: 180px;
41 | }
42 |
43 | .item {
44 | position: relative;
45 | width: 100%;
46 | height: auto;
47 | padding: 5px;
48 | background-color: white;
49 | outline: none;
50 | }
51 |
52 | .item:focus {
53 | background-color: #d26585;
54 | color: white;
55 | }
56 |
57 | /* Item's inner */
58 | .item img {
59 | height: 100%;
60 | width: 106px;
61 | float: left;
62 | outline: none;
63 | }
64 |
65 | .item .title {
66 | position: absolute;
67 | left: 109px;
68 | top: 3px;
69 | font-size: 12px;
70 | }
71 |
72 | .item .author {
73 | position: absolute;
74 | left: 130px;
75 | bottom: 2px;
76 | font-size: 12px;
77 | color: rgb(115, 115, 115);
78 | white-space: nowrap;
79 | }
80 |
81 | .item .imgUP {
82 | width: 18px;
83 | height: 12px;
84 | position: absolute;
85 | left: 109px;
86 | bottom: 3px;
87 | font-size: 9.5px;
88 | border: 1px solid;
89 | border-radius: 2px;
90 | padding-bottom: 11px;
91 | text-align: center;
92 | color: rgb(115, 115, 115);
93 | }
94 |
95 | .item:focus .author {
96 | color: white;
97 | }
98 |
99 | .item:focus .imgUP {
100 | color: white;
101 | }
102 |
103 | #title {
104 | position: absolute;
105 | top: 5px;
106 | left: 10px;
107 | font-size: 14px;
108 | }
109 |
110 | #info {
111 | position: absolute;
112 | bottom: 5px;
113 | left: 10px;
114 | font-size: 12px;
115 | }
116 |
117 | /* Player */
118 | .player {
119 | width: 240px;
120 | height: 150px;
121 | }
122 |
123 | .player_fullscreen {
124 | width: 320px;
125 | height: 240px;
126 | position: fixed;
127 | transform: rotate(90deg);
128 | top: 40px;
129 | left: -40px;
130 | }
131 |
132 | #player {
133 | background-color: black;
134 | z-index: 300;
135 | }
136 | /* Soft Keys */
137 | #softkeys {
138 | z-index: 100;
139 | position: fixed;
140 | bottom: 0;
141 | left: 0;
142 | width: 100%;
143 | height: 30px;
144 | background: #dadada;
145 | padding: 3px 5px;
146 | }
147 |
148 | #softkeys > * {
149 | display: inline-block;
150 | width: 72px;
151 | padding: 0 5px;
152 | }
153 |
154 | #softkey-left,
155 | #softkey-right {
156 | font-weight: 400;
157 | font-size: 14px;
158 | color: #323232;
159 | }
160 |
161 | #softkey-right {
162 | text-align: right;
163 | }
164 |
165 | #softkey-center {
166 | font-weight: 600;
167 | font-size: 16px;
168 | width: 76px;
169 | color: #323232;
170 | text-align: center;
171 | }
172 |
173 | .itemcomment {
174 | float: left;
175 | position: relative;
176 | padding: 2px 5px;
177 | width: 100%;
178 | background-color: white;
179 | outline: none;
180 | font-size: 14px;
181 | }
182 | .comment {
183 | float: left;
184 | position: relative;
185 | padding: 2px 0;
186 | width: 100%;
187 | outline: none;
188 | max-height: 60px;
189 | }
190 | .itemcomment:focus {
191 | background-color: #d26585;
192 | color: white;
193 | }
194 |
195 | canvas {
196 | top: 0 !important;
197 | left: 0 !important;
198 | z-index: 99 !important;
199 | position: fixed !important;
200 | }
201 |
--------------------------------------------------------------------------------
/application/live/webscoket.js:
--------------------------------------------------------------------------------
1 | class BiliSocket {
2 | constructor(id) {
3 | this.danmaku = $.getData('danmaku');
4 | if (this.danmaku == '') this.danmaku = 0;
5 | this.roomid = parseInt(id);
6 | }
7 | draw(rootElementId, elementId) {
8 | if (this.danmaku != 0) {
9 | window.danmaku = new Danmaku({
10 | container: document.getElementById(rootElementId),
11 | media: document.getElementById(elementId),
12 | engine: 'canvas',
13 | speed: 80
14 | });
15 | }
16 | }
17 | server() {
18 | var url = 'https://api.live.bilibili.com/room/v1/Danmu/getConf?room_id=' + this.roomid;
19 | var result = $.getApi(url);
20 | if (result.code == 0) {
21 | var token = result.data.token;
22 | var info = result.data.host_server_list[0];
23 | return { token: token, host: info.host, port: info.ws_port };
24 | }
25 | else {
26 | return { token: '', host: 'broadcastlv.chat.bilibili.com', port: 2244 };
27 | }
28 | }
29 | listen(callback) {
30 | try {
31 | var classObj = this;
32 | var info = this.server();
33 | var ws = new WebSocket('ws://' + info.host + ':' + info.port + '/sub');
34 | ws.onopen = function () {
35 | var uid = $.getData('mid');
36 | if (uid == '')
37 | uid = 0;
38 | var data = {
39 | protover: 2,
40 | platform: "web",
41 | key: info.token,
42 | uid: parseInt(uid),
43 | roomid: classObj.roomid
44 | };
45 | ws.send(encode(JSON.stringify(data), 7));
46 | };
47 | ws.onmessage = function (event) {
48 | try {
49 | decode(event.data, function (packet) {
50 | if (packet.op == 5) {
51 | packet.body.forEach((body) => {
52 | switch (body.cmd) {
53 | case 'DANMU_MSG': {
54 | var msg = body.info[1];
55 | var ct = $.toDateTimeString(body.info[9].ts);
56 | callback({
57 | content: {
58 | msg: msg,
59 | time: ct,
60 | user: body.info[2][1]
61 | },
62 | name: 'danmaku'
63 | });
64 | if (classObj.danmaku != 0) {
65 | window.danmaku.emit({
66 | text: msg,
67 | style: {
68 | font: '12px',
69 | fillStyle: '#fff'
70 | }
71 | });
72 | }
73 | break;
74 | }
75 | }
76 | });
77 | }
78 | });
79 | }
80 | catch (e) {
81 | console.log(e)
82 | }
83 | };
84 | ws.onclose = function (event) {
85 | alert('弹幕服务连接断开！');
86 | };
87 | setInterval(function () {
88 | ws.send(encode('', 2));
89 | }, 30000);
90 | }
91 | catch (e) {
92 | console.log(e)
93 | }
94 | }
95 | }
--------------------------------------------------------------------------------
/application/livelist/index.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 | loadData();
3 | document.activeElement.addEventListener('keydown', handleKeydown);
4 | });
5 | function loadData() {
6 | var url = 'https://api.live.bilibili.com/xlive/app-interface/v2/index/getAllList?device=android&rec_page=1&relation_page=1&scale=xxhdpi';
7 | var result = $.getApi(url);
8 | if (result.code == 0) {
9 | var rooms = result.data.room_list;
10 | if (rooms != null) {
11 | for (var index = 0; index < rooms.length; index++) {
12 | var lists = rooms[index].list;
13 | var module_info = rooms[index].module_info;
14 | var aid = module_info.link.match(new RegExp(/&area_id=(\d+)/));
15 | var paid = module_info.link.match(new RegExp(/parent_area_id=(\d+)/));
16 | aid = $.getKeyValue(aid);
17 | paid = $.getKeyValue(paid);
18 | var html = '
';
19 | if (lists != null) {
20 | for (var j = 0; j < lists.length; j++) {
21 | html += '
';
22 | html += '
' + lists[j].title + '
';
23 | html += '
';
24 | }
25 | }
26 | html += '
';
27 | $('#container').append(html);
28 | }
29 | }
30 | }
31 | else {
32 | alert('获取直播信息失败！' + result.message);
33 | }
34 | }
35 | function handleKeydown(e) {
36 | $.clearEvent(e);
37 | switch (e.key) {
38 | case 'ArrowUp':
39 | nav(-1);
40 | break;
41 | case 'ArrowDown':
42 | nav(1);
43 | break;
44 | case 'ArrowRight':
45 | tab(1);
46 | break;
47 | case 'ArrowLeft':
48 | tab(-1);
49 | break;
50 | case 'Q':
51 | case 'SoftLeft':
52 | {
53 | const items = document.querySelectorAll('.item');
54 | const targetElement = items[current];
55 | var index = $(targetElement).attr('data-index');
56 | if (index) {
57 | var item = $(targetElement).find('.roomlist').children()[index];
58 | var uid = $(item).attr('data-id');
59 | window.location.href = '../live/index.html?uid=' + uid;
60 | }
61 | break;
62 | }
63 | case 'Enter': {
64 | const items = document.querySelectorAll('.item');
65 | const targetElement = items[current];
66 | var aid = $(targetElement).attr('data-aid');
67 | var paid = $(targetElement).attr('data-paid');
68 | window.location.href = '../allive/index.html?aid=' + aid + '&paid=' + paid;
69 | break;
70 | }
71 | case 'E':
72 | case 'Backspace':
73 | case 'SoftRight':
74 | window.location.href = '../index.html';
75 | break;
76 | }
77 | }
78 | var current = -1;
79 | function nav(move) {
80 | var next = current + move;
81 | const items = document.querySelectorAll('.item');
82 | if (next >= items.length) {
83 | next = items.length - 1;
84 | }
85 | else if (next < 0) {
86 | next = 0;
87 | }
88 | const targetElement = items[next];
89 | if (targetElement) {
90 | current = next;
91 | targetElement.focus();
92 | $('.item').removeClass('select');
93 | $(targetElement).addClass('select');
94 | }
95 | }
96 | function tab(move) {
97 | const items = document.querySelectorAll('.item');
98 | const targetElement = items[current];
99 | var index = $(targetElement).attr('data-index');
100 | if (!index)
101 | index = -1;
102 | else
103 | index = parseInt(index);
104 | var next = index + move;
105 | if (next < 0) next = 0;
106 | var root = $(targetElement).find('.roomlist');
107 | var child = $(root).children();
108 | if (child != null) {
109 | if (next > child.length)
110 | next = 0;
111 | var container = child[next];
112 | $(child[index]).removeClass('select');
113 | $(container).addClass('select');
114 | $(targetElement).attr('data-index', next);
115 | var scrollLeft = $(container).width() * next;
116 | root[0].scroll(scrollLeft, 0);
117 | }
118 | }
--------------------------------------------------------------------------------
/application/bandetail/index.js:
--------------------------------------------------------------------------------
1 | let id = '', season_type = 0;
2 | var tab_location = 1;//设置header位置
3 | $(function () {
4 | id = $.getQueryVar('id');
5 | if (id) {
6 | var url = 'https://api.bilibili.com/pgc/view/app/season?season_id=' + id;
7 | var result = $.getApi(url);
8 | if (result.code == 0) {
9 | $('#cover').attr('src', result.result.cover + '@192w_120h.jpg');
10 | $('#title').text(result.result.title);
11 | $('#play').text(result.result.stat.play);
12 | $('#focus').text(result.result.stat.followers);
13 | $('#time').text(result.result.new_ep.desc);
14 | setTimeout(function () {
15 | console.log(result.result.episodes)
16 | var episodes = result.result.episodes.sort(orderBy);
17 | season_type = result.result.type;
18 | if (episodes != null) {
19 | for (var index = 0; index < episodes.length; index++) {
20 | var html = '
'
21 | + episodes[index].title + '
';
22 | $('.items').append(html);
23 | }
24 | }
25 | }, 80);
26 | }
27 | else {
28 | alert('获取番剧信息失败' + result.message);
29 | }
30 | }
31 | else {
32 | alert('获取番剧信息失败!');
33 | window.location.href = '../bangmi/index.html';
34 | }
35 | document.activeElement.addEventListener('keydown', handleKeydown);
36 | });
37 | function orderBy(item1, item2) {
38 | var v1 = parseInt(item1.ep_index);
39 | var v2 = parseInt(item2.ep_index);
40 | if (v1 < v2)
41 | return 1;
42 | else if (v1 > v2)
43 | return -1;
44 | else
45 | return 0;
46 | }
47 | function selectItem() {
48 | const items = document.querySelectorAll('.item');
49 | const targetElement = items[current];
50 | var aid = $(targetElement).attr('data-aid');
51 | var cid = $(targetElement).attr('data-cid');
52 | var bvid = $(targetElement).attr('data-bid');
53 | window.location.href = '../player/index.html?aid=' + aid + '&bvid=' + bvid + '&cid=' + cid + '&season_type=' + season_type + '&type=bandetail&id=' + id;
54 | }
55 | function load() {
56 | switch (tab_location) {
57 | case 0: {
58 | $('.items').hide();
59 | $('#container').show();
60 | break;
61 | }
62 | case 1: {
63 | $('.items').show();
64 | $('#container').hide();
65 | break;
66 | }
67 | }
68 | }
69 | function handleKeydown(e) {
70 | $.clearEvent(e);
71 | switch (e.key) {
72 | case 'ArrowRight':
73 | tab(1);
74 | break;
75 | case 'ArrowLeft':
76 | tab(-1);
77 | break;
78 | case 'ArrowUp':
79 | nav(-1);
80 | break;
81 | case 'ArrowDown':
82 | nav(1);
83 | break;
84 | case 'Q':
85 | case 'SoftLeft':
86 | selectItem();
87 | break;
88 | case 'E':
89 | case 'Backspace':
90 | case 'SoftRight':
91 | window.location.href = '../bangmi/index.html';
92 | break;
93 | }
94 | }
95 | function tab(move) {
96 | var currentIndex = parseInt($('.focus').attr('tabIndex')); //获取目前带有focus的元素的tabIndex
97 | var next = currentIndex + move; //设置移动位置
98 | if (next > 1) {
99 | next = 0;
100 | }
101 | if (next < 0) {
102 | next = 1;
103 | }
104 | var items = document.querySelectorAll('li'); //遍历所有的li元素
105 | var targetElement = items[next]; //将位置与遍历结果对应
106 | if (targetElement == undefined) { //如果没有可供选择的目标
107 | return; //中止函数
108 | }
109 | $('.focus').attr("class", ""); //清除原有效果
110 | targetElement.className = "focus"; //设置新效果
111 | tab_location = next;
112 | load();
113 | }
114 | var current = 0;
115 | function nav(move) {
116 | var next = current + move;
117 | const items = document.querySelectorAll('.item');
118 | if (next >= items.length) {
119 | next = items.length - 1;
120 | }
121 | else if (next < 0) {
122 | next = 0;
123 | }
124 | const targetElement = items[next];
125 | if (targetElement) {
126 | current = next;
127 | targetElement.focus();
128 | $('.item').removeClass('select');
129 | $(targetElement).addClass('select');
130 | }
131 | if (next == 0)
132 | $('.items').scrollTop(0);
133 | }
--------------------------------------------------------------------------------
/application/player/index.css:
--------------------------------------------------------------------------------
1 | /* First of all */
2 | * {
3 | box-sizing: border-box;
4 | margin: 0;
5 | padding: 0;
6 | }
7 |
8 | /* Tab */
9 | .tab {
10 | width: 100%;
11 | height: 30px;
12 | position: fixed;
13 | top: 150px;
14 | background-color: white;
15 | z-index: 2;
16 | }
17 |
18 | .tab li {
19 | float: left;
20 | list-style: none;
21 | margin: 7.5;
22 | font-size: 14px;
23 | position: relative;
24 | top: -3px;
25 | }
26 |
27 | .focus {
28 | border-bottom: 3px solid #d26585;
29 | }
30 |
31 | /* Item */
32 | .items,
33 | .pages {
34 | position: absolute;
35 | width: 100%;
36 | height: calc(100% - 210px);
37 | overflow-x: hidden;
38 | overflow-y: auto;
39 | z-index: 1;
40 | top: 180px;
41 | background-color: white;
42 | }
43 |
44 | .item {
45 | position: relative;
46 | width: 100%;
47 | height: 60px;
48 | background-color: white;
49 | outline: none;
50 | }
51 | .pages .item {
52 | height: 24px;
53 | line-height: 24px;
54 | }
55 |
56 | .item:focus,
57 | .item.select {
58 | background-color: #d26585;
59 | color: white;
60 | }
61 |
62 | /* Item's inner */
63 | /*video infos*/
64 | .items #title {
65 | height: auto;
66 | padding: 4px;
67 | }
68 |
69 | .items #desc {
70 | height: 82px;
71 | padding: 4px;
72 | }
73 |
74 | .items #title #title {
75 | position: unset;
76 | top: 5px;
77 | height: auto;
78 | left: 10px;
79 | font-size: 14px;
80 | }
81 |
82 | .items #title #info {
83 | position: unset;
84 | bottom: 5px;
85 | left: 10px;
86 | height: auto;
87 | font-size: 12px;
88 | display: inline;
89 | }
90 | .items #title #info div {
91 | height: 12px;
92 | margin-right: 3px;
93 | display: inline;
94 | }
95 |
96 | .items #title #info div img {
97 | width: 12px;
98 | height: 12px;
99 | }
100 |
101 | .items #title:focus #info div img {
102 | filter: grayscale(100%) brightness(900%);
103 | }
104 |
105 | .items #title #info div a {
106 | position: relative;
107 | bottom: 2px;
108 | margin-left: 4px;
109 | }
110 |
111 | .items #sanlian {
112 | font-size: 10px;
113 | }
114 |
115 | .items #sanlian div {
116 | width: 30px;
117 | height: 60px;
118 | display: inline-block;
119 | margin-top: 10px;
120 | margin-left: calc(calc(100% - 90px) / 4);
121 | }
122 | .items #sanlian div img {
123 | width: 30px;
124 | height: 30px;
125 | }
126 | .items #sanlian:focus div img {
127 | filter: grayscale(100%) brightness(900%);
128 | }
129 | .items #sanlian div a {
130 | display: block;
131 | }
132 |
133 | /* Player */
134 | .video_normal {
135 | width: 240px;
136 | height: 150px;
137 | }
138 |
139 | .video_fullscreen {
140 | width: 320px;
141 | height: 240px;
142 | position: fixed;
143 | transform: rotate(90deg);
144 | top: 40px;
145 | left: -40px;
146 | }
147 |
148 | #palyercontainter > canvas.fullscreen {
149 | width: 320px;
150 | height: 198px;
151 | position: fixed !important;
152 | transform: rotate(90deg);
153 | top: 40px !important;
154 | left: -40px !important;
155 | }
156 |
157 | #player {
158 | background-color: black;
159 | z-index: 98;
160 | }
161 | /* Soft Keys */
162 | #softkeys {
163 | position: fixed;
164 | bottom: 0;
165 | left: 0;
166 | width: 100%;
167 | height: 30px;
168 | background: #dadada;
169 | padding: 3px 5px;
170 | z-index: 10;
171 | }
172 |
173 | #softkeys > * {
174 | display: inline-block;
175 | width: 72px;
176 | padding: 0 5px;
177 | }
178 |
179 | #softkey-left,
180 | #softkey-right {
181 | font-weight: 400;
182 | font-size: 14px;
183 | color: #323232;
184 | }
185 |
186 | #softkey-right {
187 | text-align: right;
188 | }
189 |
190 | #softkey-center {
191 | font-weight: 600;
192 | font-size: 16px;
193 | width: 76px;
194 | color: #323232;
195 | text-align: center;
196 | }
197 |
198 | .commenthead {
199 | float: left;
200 | position: relative;
201 | width: 100%;
202 | height: 42px;
203 | outline: none;
204 | }
205 | .itemcomment {
206 | float: left;
207 | position: relative;
208 | padding: 5px 0;
209 | width: 100%;
210 | background-color: white;
211 | outline: none;
212 | font-size: 14px;
213 | }
214 | .comment {
215 | float: left;
216 | position: relative;
217 | padding: 0 4px;
218 | width: 100%;
219 | outline: none;
220 | max-height: 60px;
221 | }
222 | .itemcomment:focus {
223 | background-color: #d26585;
224 | color: white;
225 | }
226 | .left_img {
227 | width: 36px;
228 | height: 100%;
229 | margin: 0 5px;
230 | float: left;
231 | }
232 |
233 | .user-info {
234 | margin-left: 50px;
235 | }
236 |
237 | canvas {
238 | top: 0 !important;
239 | left: 0 !important;
240 | z-index: 99 !important;
241 | position: fixed !important;
242 | }
243 |
--------------------------------------------------------------------------------
/application/music/index.js:
--------------------------------------------------------------------------------
1 | let tab_location = 0, data = null;
2 | $(function () {
3 | loadData();
4 | document.activeElement.addEventListener('keydown', handleKeydown);
5 | });
6 | function loadData() {
7 | var url = 'https://api.bilibili.com/audio/music-service-c/firstpage';
8 | var result = $.getApi(url);
9 | if (result.code == 0) {
10 | data = result.data;
11 | loadView();
12 | }
13 | else {
14 | alert(result.message);
15 | }
16 | }
17 | function selectItem() {
18 | const items = document.querySelectorAll('.item');
19 | const targetElement = items[current];
20 | if (targetElement) {
21 | switch (tab_location) {
22 | case 0:
23 | case 1:
24 | case 3: {
25 | var id = $(targetElement).attr('data-id');
26 | window.location.href = '../musicmenu/index.html?id=' + id;
27 | break;
28 | }
29 | case 2: {
30 | var id = $(targetElement).attr('data-id');
31 | window.location.href = '../songinfo/index.html?id=' + id;
32 | break;
33 | }
34 | }
35 | }
36 | }
37 | function loadView() {
38 | $('.items').empty();
39 | switch (tab_location) {
40 | case 0: {
41 | for (var index = 0; index < data.common.length; index++) {
42 | var item = data.common[index];
43 | var html = '
' + item.title + '
播放：'
44 | + item.playNum + '
';
45 | $('.items').append(html);
46 | }
47 | break;
48 | }
49 | case 1: {
50 | for (var index = 0; index < data.pmenu.length; index++) {
51 | var item = data.pmenu[index];
52 | var html = '
' + item.title + '
播放：'
53 | + item.playNum + '
';
54 | $('.items').append(html);
55 | }
56 | break;
57 | }
58 | case 2: {
59 | for (var index = 0; index < data.hitSongs.length; index++) {
60 | var item = data.hitSongs[index];
61 | var html = '
' + item.title + '
播放：' + item.play_num + '
';
62 | $('.items').append(html);
63 | }
64 | break;
65 | }
66 | case 3: {
67 | for (var index = 0; index < data.categories.length; index++) {
68 | var item = data.categories[index];
69 | var html = '
' + item.title + '
播放：' + item.playNum + '
';
70 | $('.items').append(html);
71 | }
72 | break;
73 | }
74 | }
75 | }
76 | function handleKeydown(e) {
77 | $.clearEvent(e);
78 | switch (e.key) {
79 | case 'ArrowUp':
80 | nav(-1);
81 | break;
82 | case 'ArrowDown':
83 | nav(1);
84 | break;
85 | case 'ArrowRight':
86 | tab(1);
87 | break;
88 | case 'ArrowLeft':
89 | tab(-1);
90 | break;
91 | case 'Enter':
92 | break;
93 | case 'Q':
94 | case 'SoftLeft':
95 | selectItem();
96 | break;
97 | case 'E':
98 | case 'Backspace':
99 | case 'SoftRight':
100 | window.location.href = '../index.html';
101 | break;
102 | }
103 | }
104 | var current = -1;
105 | function nav(move) {
106 | var next = current + move;
107 | const items = document.querySelectorAll('.item');
108 | if (next >= items.length)
109 | next = items.length - 1;
110 | else if (next < 0)
111 | next = 0;
112 | const targetElement = items[next];
113 | if (targetElement) {
114 | current = next;
115 | targetElement.focus();
116 | $('.item').removeClass('select');
117 | $(targetElement).addClass('select');
118 | }
119 | }
120 | function tab(move) {
121 | var currentIndex = parseInt($('.focus').attr('tabIndex'));
122 | var next = currentIndex + move;
123 | if (next > 4)
124 | next = 0;
125 | if (next < 0)
126 | next = 4;
127 | var items = document.querySelectorAll('li');
128 | var targetElement = items[next];
129 | if (targetElement) {
130 | $('.focus').attr("class", "");
131 | targetElement.className = "focus";
132 | tab_location = next;
133 | loadView();
134 | }
135 | }
--------------------------------------------------------------------------------
/application/bangmi/index.js:
--------------------------------------------------------------------------------
1 | var page = 1, type = 0;
2 | var data = null;
3 | var tab_location = 1;//设置header位置
4 | $(function () {
5 | type = $.getQueryVar('type');
6 | type = parseInt(type);
7 | myFollow();
8 | homeData();
9 | document.activeElement.addEventListener('keydown', handleKeydown);
10 | });
11 | function load() {
12 | $('.items').empty();
13 | switch (tab_location) {
14 | case 0: {
15 | myFollow();
16 | break;
17 | }
18 | case 1: {
19 | var arr = data.today;
20 | if (data != null && arr != null) {
21 | for (var index = 0; index < arr.length; index++) {
22 | var html = '
' + arr[index].title + '
'
23 | + arr[index].pub_index + '
';
24 | $('.items').append(html);
25 | }
26 | }
27 | break;
28 | }
29 | case 2: {
30 | var arr = data.ranks;
31 | if (data != null && arr != null) {
32 | for (var index = 0; index < arr.length; index++) {
33 | var html = '
' + arr[index].title + '
'
34 | + arr[index].index_show + '
';
35 | $('.items').append(html);
36 | }
37 | }
38 | break;
39 | }
40 | case 3: {
41 | var arr = data.hots;
42 | if (data != null && arr != null) {
43 | for (var index = 0; index < arr.length; index++) {
44 | var html = '
' + arr[index].title + '
'
45 | + arr[index].index_show + '
';
46 | $('.items').append(html);
47 | }
48 | }
49 | break;
50 | }
51 | }
52 | }
53 | function homeData() {
54 | var url = type == 0 ? 'http://biliapi.iliili.cn/api/anime/bangumi' : 'http://biliapi.iliili.cn/api/anime/guochuang';
55 | $.get(url, function (result) {
56 | if (result.code == 0) {
57 | data = result.data;
58 | }
59 | });
60 | }
61 | function myFollow() {
62 | var url = 'http://bangumi.bilibili.com/api/get_concerned_season?page=' + page + '&pagesize=9';
63 | var result = $.getApi(url);
64 | if (result.code == 0) {
65 | var arr = result.result;
66 | if (arr != null) {
67 | for (var index = 0; index < arr.length; index++) {
68 | var html = '
' + arr[index].title + '
'
69 | + arr[index].update_pattern + '
';
70 | $('.items').append(html);
71 | }
72 | }
73 | }
74 | }
75 | function handleKeydown(e) {
76 | $.clearEvent(e);
77 | switch (e.key) {
78 | case 'ArrowRight':
79 | tab(1);
80 | break;
81 | case 'ArrowLeft':
82 | tab(-1);
83 | break;
84 | case 'ArrowUp':
85 | nav(-1);
86 | break;
87 | case 'ArrowDown':
88 | nav(1);
89 | break;
90 | case 'Q':
91 | case 'SoftLeft': {
92 | const items = document.querySelectorAll('.item');
93 | const targetElement = items[current];
94 | var id = $(targetElement).attr('data-id');
95 | window.location.href = '../bandetail/index.html?id=' + id;
96 | break;
97 | }
98 | case 'E':
99 | case 'Backspace':
100 | case 'SoftRight':
101 | window.location.href = '../index.html';
102 | break;
103 | }
104 | }
105 | function tab(move) {
106 | var currentIndex = parseInt($('.focus').attr('tabIndex')); //获取目前带有focus的元素的tabIndex
107 | var next = currentIndex + move; //设置移动位置
108 | if (next > 4) {
109 | next = 0;
110 | }
111 | if (next < 0) {
112 | next = 4;
113 | }
114 | var items = document.querySelectorAll('li'); //遍历所有的li元素
115 | var targetElement = items[next]; //将位置与遍历结果对应
116 | if (targetElement == undefined) { //如果没有可供选择的目标
117 | return; //中止函数
118 | }
119 | $('.focus').attr("class", ""); //清除原有效果
120 | targetElement.className = "focus"; //设置新效果
121 | tab_location = next;
122 | load();
123 | }
124 | var current = 0;
125 | function nav(move) {
126 | var next = current + move;
127 | const items = document.querySelectorAll('.item');
128 | if (next >= items.length) {
129 | next = items.length - 1;
130 | }
131 | else if (next < 0) {
132 | next = 0;
133 | }
134 | const targetElement = items[next];
135 | if (targetElement) {
136 | current = next;
137 | targetElement.focus();
138 | $('.item').removeClass('select');
139 | $(targetElement).addClass('select');
140 | }
141 | }
--------------------------------------------------------------------------------
/application/collection/index.js:
--------------------------------------------------------------------------------
1 | let page = 1;
2 | let userId = 0;
3 | let isOpen = false;
4 | let fid = 0;
5 |
6 | $(function () {
7 | userId = $.getData('mid');
8 | var url = 'https://api.bilibili.com/medialist/gateway/base/created?channel=bilih5&pn=1&ps=20&type=2&up_mid=' + userId;
9 | var result = $.getApi(url);
10 | if (result.code == 0) {
11 | try {
12 | var arr = result.data.list, options = '';
13 | for (var index = 0; index < arr.length; index++) {
14 | var item = arr[index];
15 | options += '';
16 | }
17 | fid = arr[0].fid;
18 | loadBox();
19 | $('#menucontainer').append(options);
20 | }
21 | catch (e) {
22 | console.log(e);
23 | }
24 | }
25 | else {
26 | alert('获取收藏夹失败！');
27 | }
28 | document.activeElement.addEventListener('keydown', handleKeydown);
29 | });
30 |
31 | function handleKeydown(e) {
32 | $.clearEvent(e);
33 | switch (e.key) {
34 | case 'ArrowUp':
35 | nav(-1);
36 | break;
37 | case 'ArrowDown':
38 | nav(1);
39 | break;
40 | case 'Q':
41 | case 'SoftLeft':
42 | if (isOpen) {
43 | const item = document.querySelectorAll('.menuitem')[menu];
44 | if (typeof item != 'undefined') {
45 | page = 1;
46 | fid = $(item).attr('value');
47 | loadBox();
48 | }
49 | }
50 | else {
51 | const item = document.querySelectorAll('.item')[current];
52 | if (typeof item != 'undefined') {
53 | var aid = $(item).attr('data-aid'), cid = $(item).attr('data-cid');
54 | window.location.href = '../player/index.html?aid=' + aid + '&cid=' + cid + '&type=collection';
55 | }
56 | }
57 | showhideMenu();
58 | break;
59 | case 'Backspace':
60 | window.location.href = '../user/index.html?mid=' + userId;
61 | break;
62 | case 'Enter':
63 | if (!isOpen) {
64 | page++;
65 | loadBox();
66 | }
67 | break;
68 | case 'E':
69 | case 'SoftRight':
70 | showhideMenu();
71 | break;
72 | }
73 | }
74 |
75 | function loadBox() {
76 | var url = 'http://api.bilibili.com/x/v2/fav/video?pn=' + page + '&ps=20&tid=0&fid=' + fid + '&vmid=' + userId + '&order=ftime';
77 | var result = $.getApi(url);
78 | if (page == 1)
79 | $('#container').empty();
80 | if (result.code == 0) {
81 | var arr = result.data.archives;
82 | for (var index = 0; index < arr.length; index++) {
83 | var item = arr[index];
84 | var name = '';
85 | if (item.owner != null)
86 | name = item.owner.name;
87 | $('#container').append("
![](" +
88 | item.pic + "@96w_60h.jpg" + ")
" + item.title + "
UP
" + name + "
");
89 | }
90 | }
91 | else {
92 | alert('获取收藏夹内容失败！' + result.message);
93 | }
94 | }
95 |
96 | function showhideMenu() {
97 | if (isOpen) {
98 | $("#menu").hide();
99 | softkey("登录", "主页", "选项");
100 | isOpen = false;
101 | }
102 | else {
103 | $("#menu").show();
104 | var items = document.querySelectorAll('.menuitem');
105 | items[0].focus();
106 | softkey("选择", "", "返回");
107 | isOpen = true;
108 | }
109 | }
110 |
111 | function softkey(left, center, right) {
112 | $('#softkey-left').text(left);
113 | $('#softkey-center').text(center);
114 | $('#softkey-right').text(right);
115 | }
116 |
117 | var current = -1, menu = 0;
118 | function nav(move) {
119 | if (!isOpen) {
120 | var next = current + move;
121 | const items = document.querySelectorAll('.item');
122 | if (next >= items.length) {
123 | next = items.length - 1;
124 | }
125 | else if (next < 0) {
126 | next = 0;
127 | }
128 | const targetElement = items[next];
129 | if (targetElement) {
130 | current = next;
131 | targetElement.focus();
132 | $('.item').removeClass('select');
133 | $(targetElement).addClass('select');
134 | }
135 | }
136 | else {
137 | var next = menu + move;
138 | const items = document.querySelectorAll('.menuitem');
139 | if (next >= items.length) {
140 | next = items.length - 1;
141 | }
142 | else if (next < 0) {
143 | next = 0;
144 | }
145 | const targetElement = items[next];
146 | if (targetElement) {
147 | menu = next;
148 | targetElement.focus();
149 | $('.menuitem').removeClass('select');
150 | $(targetElement).addClass('select');
151 | }
152 |
153 | }
154 | }
--------------------------------------------------------------------------------
/application/danmaku.js:
--------------------------------------------------------------------------------
1 | window.danmaku = null;
2 | $.extend({
3 | showDanmaku: function (text, time, color) {
4 | if (typeof color == 'undefined' || color == '')
5 | color = '#ffffff';
6 | var comment = {
7 | text: text,
8 | style: {
9 | fontSize: '12px',
10 | color: color
11 | }
12 | };
13 | if (typeof time != 'undefined' && time != '' && time > 0)
14 | comment.time = time;
15 | danmaku.emit(comment);
16 | },
17 | sendDanmaku: function (aid, cid, mid, p, color, msg) {
18 | var json = null;
19 | var ts = $.getTs();
20 | var access_token = this.getData('access_token');
21 | var url = 'https://api.bilibili.com/x/v2/dm/post?access_key=' + access_token + '&aid=' + aid + '&appkey=' + android.key + '&build=' + build + '&mobi_app=android&oid=' + cid +
22 | '&platform=android&ts=' + ts;
23 | url += "&sign=" + $.getSign(url);
24 | var content = 'pool=0&rnd=' + ts + '&oid=' + cid + '&fontsize=25&msg=' + encodeURIComponent(msg) + '&mode=' + mid + '&progress=' + p + '&color=' + color +
25 | '&plat=2&screen_state=0&from=861&type=1';
26 | $.ajax({
27 | url: url,
28 | data: content,
29 | type: 'post',
30 | async: false,
31 | headers: {
32 | 'user-agent': 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Mobile Safari/537.36'
33 | },
34 | success: function (data) {
35 | json = data;
36 | }
37 | });
38 | return json;
39 | },
40 | sendLiveDanmaku: function (rid, msg) {
41 | var json = null;
42 | try {
43 | var ts = $.getTs();
44 | var mid = $.getQueryVar('mid');
45 | var access_token = this.getData('access_token');
46 | var content = 'cid=' + rid + '&mid=' + mid + '&msg=' + msg + '&rnd=' + ts + '&mode=1&pool=0&type=json&color=16777215&fontsize=25&playTime=0.0';
47 | var url = 'https://api.live.bilibili.com/api/sendmsg?access_key=' + access_token + '&actionKey=appkey&appkey=' + android.key + '&build=' + build + '&device=android&mobi_app=android&platform=android&ts=' + ts;
48 | url += "&sign=" + $.getSign(url);
49 | $.ajax({
50 | url: url,
51 | data: content,
52 | type: 'post',
53 | async: false,
54 | headers: {
55 | 'user-agent': 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Mobile Safari/537.36'
56 | },
57 | success: function (data) {
58 | json = data;
59 | }
60 | });
61 | }
62 | catch (e) {
63 | console.log(e);
64 | }
65 | return json;
66 | },
67 | sendComment: function (aid, text) {
68 | var json = null;
69 | try {
70 | var ts = $.getTs();
71 | var access_token = this.getData('access_token');
72 | var url = "https://api.bilibili.com/x/v2/reply/add";
73 | var content = "access_key=" + access_token + "&appkey=" + android.key + "&platform=android&type=1&oid=" + aid + "&ts=" + ts + "&message=" + text;
74 | content += "&sign=" + $.getSign(content);
75 | $.ajax({
76 | url: url,
77 | data: content,
78 | type: 'post',
79 | async: false,
80 | headers: {
81 | 'user-agent': 'Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Mobile Safari/537.36'
82 | },
83 | success: function (data) {
84 | json = data;
85 | }
86 | });
87 | }
88 | catch (e) {
89 | console.log(e);
90 | }
91 | return json;
92 | },
93 | getDanmaku: function (rootElementId, elementId, cid) {
94 | try {
95 | var url = 'https://api.bilibili.com/x/v1/dm/list.so?oid=' + cid;
96 | var result = $.getWeb(url);
97 | var nodes = result.getElementsByTagName('d');
98 | var task = function () {
99 | var comments = [];
100 | for (var idx = 0; idx < nodes.length; idx++) {
101 | try {
102 | var content = nodes[idx].textContent;
103 | var attributes = nodes[idx].attributes[0].nodeValue.split(',');
104 | var mode = 'rtl', time = parseFloat(attributes[0]);
105 | switch (attributes[1]) {
106 | case '4':
107 | mode = 'bottom';
108 | break;
109 | case '5':
110 | mode = 'top';
111 | break;
112 | }
113 | comments.push({
114 | text: content,
115 | mode: mode,
116 | time: time,
117 | style: {
118 | font: '12px',
119 | fillStyle: '#fff'
120 | }
121 | });
122 | }
123 | catch (e) {
124 | console.log(e);
125 | }
126 | }
127 | window.danmaku = new Danmaku({
128 | container: document.getElementById(rootElementId),
129 | media: document.getElementById(elementId),
130 | engine: 'canvas',
131 | comments: comments,
132 | speed: 80
133 | });
134 |
135 | };
136 | setTimeout(task, 60);
137 | }
138 | catch (e) {
139 | console.log(e);
140 | }
141 | }
142 | });
--------------------------------------------------------------------------------
/application/lib/danmaku.min.js:
--------------------------------------------------------------------------------
1 | !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Danmaku=e()}(this,(function(){"use strict";var t=function(){for(var t=["oTransform","msTransform","mozTransform","webkitTransform","transform"],e=document.createElement("div").style,i=0;i
0&&a!==1/0?Math.ceil(a):1*!!h.strokeStyle,r.font=h.font,t.width=t.width||Math.max(1,Math.ceil(r.measureText(t.text).width)+2*a),t.height=t.height||Math.ceil(function(t,e){if(n[t])return n[t];var i=12,s=t.match(/(\d+(?:\.\d+)?)(px|%|em|rem)(?:\s*\/\s*(\d+(?:\.\d+)?)(px|%|em|rem)?)?/);if(s){var r=1*s[1]||10,h=s[2],a=1*s[3]||1.2,o=s[4];"%"===h&&(r*=e.container/100),"em"===h&&(r*=e.container),"rem"===h&&(r*=e.root),"px"===o&&(i=a),"%"===o&&(i=r*a/100),"em"===o&&(i=r*a),"rem"===o&&(i=e.root*a),void 0===o&&(i=r*a)}return n[t]=i,i}(h.font,e))+2*a,s.width=t.width,s.height=t.height,h)r[o]=h[o];var d=0;switch(h.textBaseline){case"top":case"hanging":d=a;break;case"middle":d=t.height>>1;break;default:d=t.height-a}return h.strokeStyle&&r.strokeText(t.text,a,d),r.fillText(t.text,a,d),s}function r(t){return 1*window.getComputedStyle(t,null).getPropertyValue("font-size").match(/(.+)px/)[1]}var h={name:"canvas",init:function(t){var e=document.createElement("canvas");return e.context=e.getContext("2d"),e._fontSize={root:r(document.getElementsByTagName("html")[0]),container:r(t)},e},clear:function(t,e){t.context.clearRect(0,0,t.width,t.height);for(var i=0;ir)return!0;var h=e._.duration+t.time-i,a=e._.stage.width+s.width,o=e.media?s.time:s._utc,d=a*(i-o)*n/e._.duration,u=e._.stage.width-d;return h>e._.duration*u/(e._.stage.width+s.width)}for(var r=this._.space[t.mode],h=0,a=0,o=1;o=u){a=o;break}s(d,t)&&(h=o)}var m=r[h].range,c={range:m+t.height,time:this.media?t.time:t._utc,width:t.width,height:t.height};return r.splice(h+1,a-h-1,c),"bottom"===t.mode?this._.stage.height-t.height-m%this._.stage.height:m%(this._.stage.height-t.height)}var o=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||function(t){return setTimeout(t,50/3)},d=window.cancelAnimationFrame||window.mozCancelAnimationFrame||window.webkitCancelAnimationFrame||clearTimeout;function u(t,e,i){for(var n=0,s=0,r=t.length;s=t[n=s+r>>1][e]?s=n:r=n;return t[s]&&i=0;u--)o=this._.runningList[u],r-(d=this.media?o.time:o._utc)>this._.duration&&(n(this._.stage,o),this._.runningList.splice(u,1));for(var m=[];this._.position=r));)r-d>this._.duration||(this.media&&(o._utc=s-(this.media.currentTime-o.time)),m.push(o)),++this._.position;for(e(this._.stage,m),u=0;u>1),this._.runningList.push(o);for(u=0;u ' + uname + '
';
75 | var card = JSON.parse(item.card);
76 | switch (item.desc.type) {
77 | case 1: {
78 | var content = card.item.content;
79 | html += '
' + content + '
';
80 |
81 | html + '
';
82 | break;
83 | }
84 | case 2: {
85 | var desc = card.item.description;
86 | var pictures = card.item.pictures;
87 | html += '
' + desc + '
';
88 | if (pictures != null && pictures.length > 0) {
89 | var src = buildImageGrid(pictures);
90 | html += src;
91 | }
92 | html + '
';
93 | break;
94 | }
95 | case 4: {
96 | var content = card.item.content;
97 | html += '
';
98 | break;
99 | }
100 | case 8: {
101 | var aid = card.aid;
102 | var cid = card.cid;
103 | var bvid = item.desc.bvid;
104 | var view = card.stat.view;
105 | var danmaku = card.stat.danmaku;
106 | html += '
' + card.desc
107 | + '
' +
108 | card.title + '
播放：' + view + '
弹幕：' + danmaku + '
';
109 | break;
110 | }
111 | case 64: {
112 | var id = card.id;
113 | var view = card.stats.view;
114 | var like = card.stats.like;
115 | var cover = card.image_urls[0];
116 | html += '
' +
117 | card.title + '
浏览：' + view + '
点赞' + like + '
';
118 | break;
119 | }
120 | case 256: {
121 | var id = card.id;
122 | var cover = card.cover;
123 | html += '
';
125 | break;
126 | }
127 | case 512: {
128 | var play = card.stat.play;
129 | var id = card.season.season_id;
130 | var danmaku = card.stat.danmaku;
131 | var ts = parseFloat(card.player_info.expire_time + '000')
132 | var dt = new Date(ts);
133 | var time = dt.getFullYear() + '-' + (dt.getMonth() + 1) + '-' + dt.getDate() + ' ' + dt.getHours() + ':' + dt.getMinutes() + '更新';
134 | html += '
' + time + '
' + card.card_show_title + '
播放：' + play + '
弹幕：' + danmaku + '
';
136 | break;
137 | }
138 | case 2048: {
139 | var title = card.sketch.title;
140 | var desc = card.vest.desc_text;
141 | var cover = card.sketch.cover_url;
142 | var link = card.sketch.target_url;
143 | html += '
' + desc + '
' + title + '
' + card.sketch.desc_text + '
';
145 | break;
146 | }
147 | default: {
148 | html += '
不支持的类型:' + item.desc.type + '
';
149 | break;
150 | }
151 | }
152 | html + '
![](" + image +
22 | "@100w_60h.jpg)
![](" + item.pic + "@96w_60h.jpg" + ")
';
208 | return html + '
41 | 
45 | 
52 | 
56 | 
60 |
' + uname 22 | + '
' + ctime + '