feat: 支持bilibili信息,修复手机端样式
This commit is contained in:
parent
bfcc4a5ce3
commit
c26d2b578c
@ -89,25 +89,25 @@ export default function Controls(): JSX.Element {
|
|||||||
<div className="w-full">
|
<div className="w-full">
|
||||||
<div className="join">
|
<div className="join">
|
||||||
<button
|
<button
|
||||||
className="btn join-item"
|
className="btn join-item btn-sm"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
pause();
|
pause();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
暂停输出
|
暂停
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className="btn join-item"
|
className="btn join-item btn-sm"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
resume();
|
resume();
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
继续输出
|
恢复
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className="btn join-item"
|
className="btn join-item btn-sm"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setOffset(offset + 1000);
|
setOffset(offset + 1000);
|
||||||
@ -116,7 +116,7 @@ export default function Controls(): JSX.Element {
|
|||||||
+1秒
|
+1秒
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className="btn join-item"
|
className="btn join-item btn-sm"
|
||||||
type="button"
|
type="button"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setOffset(offset - 1000);
|
setOffset(offset - 1000);
|
||||||
@ -125,7 +125,7 @@ export default function Controls(): JSX.Element {
|
|||||||
-1秒
|
-1秒
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
className="btn join-item"
|
className="btn join-item btn-sm"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
query({
|
query({
|
||||||
name: "音乐弹幕",
|
name: "音乐弹幕",
|
||||||
|
@ -82,7 +82,7 @@ export default function Danmu({ token }: { token: Token }) {
|
|||||||
}, [lastMessage]);
|
}, [lastMessage]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="h-[60vh] overflow-auto" ref={ref}>
|
<div className="h-[60vh] md:h-[40vh] overflow-auto" ref={ref}>
|
||||||
{messageHistory.map((message, idx) => (
|
{messageHistory.map((message, idx) => (
|
||||||
<MessageDispatcher key={idx} message={message} />
|
<MessageDispatcher key={idx} message={message} />
|
||||||
))}
|
))}
|
||||||
|
@ -30,6 +30,10 @@ export default function MessageDispatcher({ message }: { message: any }) {
|
|||||||
case "Version":
|
case "Version":
|
||||||
// TODO 解析
|
// TODO 解析
|
||||||
return null
|
return null
|
||||||
|
case "BiliBili":
|
||||||
|
nick = message?.nick;
|
||||||
|
text = message?.['units']?.[0]?.['Pay.BiliBili.data']?.['text']
|
||||||
|
break;
|
||||||
case "GiftV3":
|
case "GiftV3":
|
||||||
nick = message?.nick;
|
nick = message?.nick;
|
||||||
text = message?.['units']?.[0]?.['GiftV3.giftV3']?.['text']
|
text = message?.['units']?.[0]?.['GiftV3.giftV3']?.['text']
|
||||||
|
Loading…
Reference in New Issue
Block a user