feat: tsy过滤器
This commit is contained in:
parent
32db048ad5
commit
5df0031a63
43
app/blocked/page.tsx
Normal file
43
app/blocked/page.tsx
Normal file
@ -0,0 +1,43 @@
|
||||
"use client"
|
||||
|
||||
import { useEffect, useState } from "react"
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
import Link from "next/link"
|
||||
|
||||
export default function BlockedPage() {
|
||||
const [countdown, setCountdown] = useState(3)
|
||||
|
||||
useEffect(() => {
|
||||
const timer = setInterval(() => {
|
||||
setCountdown((prev) => prev - 1)
|
||||
}, 1000)
|
||||
|
||||
const redirect = setTimeout(() => {
|
||||
window.location.href = "https://www.bilibili.com/video/BV1kW411m7VP"
|
||||
}, 3000)
|
||||
|
||||
return () => {
|
||||
clearInterval(timer)
|
||||
clearTimeout(redirect)
|
||||
}
|
||||
}, [])
|
||||
|
||||
return (
|
||||
<div className="container mx-auto px-4 py-8">
|
||||
<Card className="bg-red-100">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-2xl font-bold text-red-600">访问被禁止</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<p className="text-red-500 mb-4">抱歉,您尝试访问的内容已被禁止。这可能是由于版权、隐私或其他法律原因。</p>
|
||||
<p className="text-gray-600 mb-4">如果您认为这是一个错误,请联系网站管理员。</p>
|
||||
<p className="text-gray-600 mb-4">{countdown} 秒后将自动跳转...</p>
|
||||
<Link href="/" className="text-blue-500 hover:underline">
|
||||
返回首页
|
||||
</Link>
|
||||
</CardContent>
|
||||
</Card>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
@ -1,10 +1,12 @@
|
||||
"use client"
|
||||
|
||||
import { useState } from "react"
|
||||
import { useRouter } from "next/navigation"
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
import { Input } from "@/components/ui/input"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Loader2 } from "lucide-react"
|
||||
import { blockedUploaderIds } from "@/config/blocked-ids"
|
||||
|
||||
interface Uploader {
|
||||
mid: string
|
||||
@ -19,6 +21,7 @@ export default function UploaderSearch() {
|
||||
const [uploaders, setUploaders] = useState<Uploader[]>([])
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const router = useRouter()
|
||||
|
||||
const handleSearch = async () => {
|
||||
if (!uid) {
|
||||
@ -26,15 +29,21 @@ export default function UploaderSearch() {
|
||||
return
|
||||
}
|
||||
|
||||
// 检查是否为禁止的 UP 主 ID
|
||||
if (blockedUploaderIds.includes(uid)) {
|
||||
router.push("/blocked")
|
||||
return
|
||||
}
|
||||
|
||||
setLoading(true)
|
||||
setError(null)
|
||||
try {
|
||||
const response = await fetch(`https://ecs-113-44-166-103.compute.hwclouds-dns.com/basic/v1/uploader/${uid}`)
|
||||
const response = await fetch(`https://api.ninevocalrank.top/basic/v1/uploader/${uid}`)
|
||||
if (!response.ok) {
|
||||
throw new Error("服务器响应错误")
|
||||
}
|
||||
const data: Uploader = await response.json()
|
||||
setUploaders([data]) // 将单个 UP 主数据包装在数组中
|
||||
setUploaders([data])
|
||||
} catch (error) {
|
||||
console.error("搜索UP主时出错:", error)
|
||||
setError("搜索过程中出现错误")
|
||||
|
@ -1,141 +1,125 @@
|
||||
"use client";
|
||||
"use client"
|
||||
|
||||
import { useState } from "react";
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
|
||||
import { Input } from "@/components/ui/input";
|
||||
import { Button } from "@/components/ui/button";
|
||||
import { Loader2 } from "lucide-react";
|
||||
// import {
|
||||
// Dialog,
|
||||
// DialogContent,
|
||||
// DialogDescription,
|
||||
// DialogHeader,
|
||||
// DialogTitle,
|
||||
// DialogFooter,
|
||||
// } from "@/components/ui/dialog";
|
||||
import { useState } from "react"
|
||||
import { useRouter } from "next/navigation"
|
||||
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
|
||||
import { Input } from "@/components/ui/input"
|
||||
import { Button } from "@/components/ui/button"
|
||||
import { Loader2 } from "lucide-react"
|
||||
import { blockedVideoIds } from "@/config/blocked-ids"
|
||||
|
||||
interface Video {
|
||||
video_stat: {
|
||||
view: number;
|
||||
like: number;
|
||||
coin: number;
|
||||
favorite: number;
|
||||
reply: number;
|
||||
share: number;
|
||||
danmaku: number;
|
||||
};
|
||||
view: number
|
||||
like: number
|
||||
coin: number
|
||||
favorite: number
|
||||
reply: number
|
||||
share: number
|
||||
danmaku: number
|
||||
}
|
||||
video_info: {
|
||||
uploader_mid: string;
|
||||
uploader_name: string;
|
||||
title: string;
|
||||
pic: string;
|
||||
pages: number;
|
||||
timestamp: number;
|
||||
};
|
||||
uploader_mid: string
|
||||
uploader_name: string
|
||||
title: string
|
||||
pic: string
|
||||
pages: number
|
||||
timestamp: number
|
||||
}
|
||||
video_id: {
|
||||
avid: string;
|
||||
bvid: string;
|
||||
};
|
||||
avid: string
|
||||
bvid: string
|
||||
}
|
||||
vrank_info: {
|
||||
vrank_score: number;
|
||||
rank: string;
|
||||
rank_code: number;
|
||||
progress_percentage: number;
|
||||
};
|
||||
vrank_score: number
|
||||
rank: string
|
||||
rank_code: number
|
||||
progress_percentage: number
|
||||
}
|
||||
video_increase: {
|
||||
view: number;
|
||||
like: number;
|
||||
coin: number;
|
||||
favorite: number;
|
||||
reply: number;
|
||||
share: number;
|
||||
danmaku: number;
|
||||
};
|
||||
score_rank: number;
|
||||
view: number
|
||||
like: number
|
||||
coin: number
|
||||
favorite: number
|
||||
reply: number
|
||||
share: number
|
||||
danmaku: number
|
||||
}
|
||||
score_rank: number
|
||||
}
|
||||
|
||||
function getAchievement(views: number) {
|
||||
if (views >= 10000000) return { name: "神话曲", next: null, progress: 100 };
|
||||
if (views >= 10000000) return { name: "神话曲", next: null, progress: 100 }
|
||||
if (views >= 1000000)
|
||||
return {
|
||||
name: "传说曲",
|
||||
next: "神话曲",
|
||||
progress: (views / 10000000) * 100,
|
||||
};
|
||||
}
|
||||
if (views >= 100000)
|
||||
return {
|
||||
name: "殿堂曲",
|
||||
next: "传说曲",
|
||||
progress: (views / 1000000) * 100,
|
||||
};
|
||||
return { name: "未达成", next: "殿堂曲", progress: (views / 100000) * 100 };
|
||||
}
|
||||
return { name: "未达成", next: "殿堂曲", progress: (views / 100000) * 100 }
|
||||
}
|
||||
|
||||
export default function VideoSearch() {
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const [videos, setVideos] = useState<Video[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [error, setError] = useState<string | null>(null);
|
||||
// const [showCoverDialog, setShowCoverDialog] = useState(false);
|
||||
// const [confirmText, setConfirmText] = useState("");
|
||||
// const [showCover, setShowCover] = useState(false);
|
||||
const [searchTerm, setSearchTerm] = useState("")
|
||||
const [videos, setVideos] = useState<Video[]>([])
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [error, setError] = useState<string | null>(null)
|
||||
const router = useRouter()
|
||||
|
||||
const handleSearch = async () => {
|
||||
if (!searchTerm) {
|
||||
setError("请输入搜索内容");
|
||||
return;
|
||||
setError("请输入搜索内容")
|
||||
return
|
||||
}
|
||||
|
||||
setLoading(true);
|
||||
setError(null);
|
||||
// 检查是否为禁止的视频 ID
|
||||
if (blockedVideoIds.includes(searchTerm)) {
|
||||
router.push("/blocked")
|
||||
return
|
||||
}
|
||||
|
||||
setLoading(true)
|
||||
setError(null)
|
||||
try {
|
||||
const response = await fetch(
|
||||
`https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/video/${searchTerm}`
|
||||
);
|
||||
`https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/video/${searchTerm}`,
|
||||
)
|
||||
const weekly_response = await fetch(
|
||||
`https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/sorted/${searchTerm}`
|
||||
);
|
||||
`https://ecs-113-44-166-103.compute.hwclouds-dns.com/vocaloid_rank/v1/sorted/${searchTerm}`,
|
||||
)
|
||||
if (!response.ok || !weekly_response.ok) {
|
||||
throw new Error("服务器响应错误");
|
||||
throw new Error("服务器响应错误")
|
||||
}
|
||||
const data = await response.json();
|
||||
const weekly_data = await weekly_response.json();
|
||||
const data = await response.json()
|
||||
const weekly_data = await weekly_response.json()
|
||||
|
||||
const combinedData = {
|
||||
...data,
|
||||
score_rank: weekly_data.score_rank,
|
||||
};
|
||||
}
|
||||
|
||||
setVideos([combinedData]);
|
||||
// setShowCover(false);
|
||||
setVideos([combinedData])
|
||||
if (videos.length === 0) {
|
||||
setError("未找到匹配的视频");
|
||||
setError("未找到匹配的视频")
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("搜索视频时出错:", error);
|
||||
setError("搜索过程中出现错误");
|
||||
console.error("搜索视频时出错:", error)
|
||||
setError("搜索过程中出现错误")
|
||||
} finally {
|
||||
setLoading(false);
|
||||
setLoading(false)
|
||||
}
|
||||
};
|
||||
|
||||
// const handleShowCover = () => {
|
||||
// setShowCoverDialog(true);
|
||||
// };
|
||||
|
||||
// const handleConfirmShowCover = () => {
|
||||
// if (confirmText === "我已知晓") {
|
||||
// setShowCover(true);
|
||||
// setShowCoverDialog(false);
|
||||
// }
|
||||
// };
|
||||
}
|
||||
|
||||
return (
|
||||
<Card className="bg-gradient-to-br from-yellow-100 to-red-100">
|
||||
<CardHeader>
|
||||
<CardTitle className="text-2xl font-bold text-primary">
|
||||
搜索视频
|
||||
</CardTitle>
|
||||
<CardTitle className="text-2xl font-bold text-primary">搜索视频</CardTitle>
|
||||
</CardHeader>
|
||||
<CardContent>
|
||||
<div className="flex space-x-2 mb-4">
|
||||
@ -153,74 +137,32 @@ export default function VideoSearch() {
|
||||
{videos.length > 0 ? (
|
||||
<ul className="space-y-8">
|
||||
{videos.map((video) => {
|
||||
const achievement = getAchievement(video.video_stat.view);
|
||||
const achievement = getAchievement(video.video_stat.view)
|
||||
return (
|
||||
<li
|
||||
key={video.video_id.bvid}
|
||||
className="border p-6 rounded-lg bg-white shadow-md"
|
||||
>
|
||||
<li key={video.video_id.bvid} className="border p-6 rounded-lg bg-white shadow-md">
|
||||
<div className="flex flex-col gap-6">
|
||||
{/* 此功能可能引发版权纠纷,不再使用 */}
|
||||
{/* <div className="w-full">
|
||||
{showCover ? (
|
||||
// eslint-disable-next-line @next/next/no-img-element
|
||||
<img
|
||||
src={video.video_info.pic || "/placeholder.svg"}
|
||||
className="w-full h-64 object-cover rounded-lg"
|
||||
alt="视频封面"
|
||||
/>
|
||||
) : (
|
||||
<Button onClick={handleShowCover}>显示封面</Button>
|
||||
)}
|
||||
</div> */}
|
||||
<div className="w-full">
|
||||
<h3 className="font-bold text-xl mb-2">
|
||||
{video.video_info.title}
|
||||
</h3>
|
||||
<h3 className="font-bold text-xl mb-2">{video.video_info.title}</h3>
|
||||
<p className="text-gray-600">
|
||||
UP主: {video.video_info.uploader_name} (UID:{" "}
|
||||
{video.video_info.uploader_mid})
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
BV号: {video.video_id.bvid}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
AV号: {video.video_id.avid}
|
||||
UP主: {video.video_info.uploader_name} (UID: {video.video_info.uploader_mid})
|
||||
</p>
|
||||
<p className="text-gray-600">BV号: {video.video_id.bvid}</p>
|
||||
<p className="text-gray-600">AV号: {video.video_id.avid}</p>
|
||||
<div className="mt-4 grid grid-cols-2 gap-2">
|
||||
<p className="text-gray-600">
|
||||
播放量: {video.video_stat.view.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
点赞数: {video.video_stat.like.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
投币: {video.video_stat.coin.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
收藏: {video.video_stat.favorite.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
评论: {video.video_stat.reply.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
分享: {video.video_stat.share.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">
|
||||
弹幕数: {video.video_stat.danmaku.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-600">播放量: {video.video_stat.view.toLocaleString()}</p>
|
||||
<p className="text-gray-600">点赞数: {video.video_stat.like.toLocaleString()}</p>
|
||||
<p className="text-gray-600">投币: {video.video_stat.coin.toLocaleString()}</p>
|
||||
<p className="text-gray-600">收藏: {video.video_stat.favorite.toLocaleString()}</p>
|
||||
<p className="text-gray-600">评论: {video.video_stat.reply.toLocaleString()}</p>
|
||||
<p className="text-gray-600">分享: {video.video_stat.share.toLocaleString()}</p>
|
||||
<p className="text-gray-600">弹幕数: {video.video_stat.danmaku.toLocaleString()}</p>
|
||||
</div>
|
||||
<div className="mt-4 bg-blue-100 p-4 rounded-lg">
|
||||
<h4 className="font-bold text-lg mb-2">周刊数据</h4>
|
||||
{video.vrank_info ? (
|
||||
<>
|
||||
<p className="text-gray-700">
|
||||
周刊得分:{" "}
|
||||
{video.vrank_info.vrank_score.toFixed(2)}
|
||||
</p>
|
||||
<p className="text-gray-700 font-bold text-xl">
|
||||
周刊排名: {video.score_rank}
|
||||
</p>
|
||||
<p className="text-gray-700">周刊得分: {video.vrank_info.vrank_score.toFixed(2)}</p>
|
||||
<p className="text-gray-700 font-bold text-xl">周刊排名: {video.score_rank}</p>
|
||||
</>
|
||||
) : (
|
||||
<p className="text-gray-700">暂无周刊数据</p>
|
||||
@ -229,48 +171,24 @@ export default function VideoSearch() {
|
||||
<>
|
||||
<h5 className="font-semibold mt-2">数据增长:</h5>
|
||||
<div className="grid grid-cols-2 gap-2">
|
||||
<p className="text-gray-700">播放增长: {video.video_increase.view.toLocaleString()}</p>
|
||||
<p className="text-gray-700">点赞增长: {video.video_increase.like.toLocaleString()}</p>
|
||||
<p className="text-gray-700">投币增长: {video.video_increase.coin.toLocaleString()}</p>
|
||||
<p className="text-gray-700">
|
||||
播放增长:{" "}
|
||||
{video.video_increase.view.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">
|
||||
点赞增长:{" "}
|
||||
{video.video_increase.like.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">
|
||||
投币增长:{" "}
|
||||
{video.video_increase.coin.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">
|
||||
收藏增长:{" "}
|
||||
{video.video_increase.favorite.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">
|
||||
评论增长:{" "}
|
||||
{video.video_increase.reply.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">
|
||||
分享增长:{" "}
|
||||
{video.video_increase.share.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">
|
||||
弹幕增长:{" "}
|
||||
{video.video_increase.danmaku.toLocaleString()}
|
||||
收藏增长: {video.video_increase.favorite.toLocaleString()}
|
||||
</p>
|
||||
<p className="text-gray-700">评论增长: {video.video_increase.reply.toLocaleString()}</p>
|
||||
<p className="text-gray-700">分享增长: {video.video_increase.share.toLocaleString()}</p>
|
||||
<p className="text-gray-700">弹幕增长: {video.video_increase.danmaku.toLocaleString()}</p>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
<p className="text-gray-600 mt-2">
|
||||
数据更新时间:{" "}
|
||||
{new Date(
|
||||
video.video_info.timestamp * 1000
|
||||
).toLocaleString("zh-CN")}
|
||||
数据更新时间: {new Date(video.video_info.timestamp * 1000).toLocaleString("zh-CN")}
|
||||
</p>
|
||||
<div className="mt-4">
|
||||
<p className="font-semibold">
|
||||
成就: {achievement.name}
|
||||
</p>
|
||||
<p className="font-semibold">成就: {achievement.name}</p>
|
||||
{achievement.next && (
|
||||
<div className="mt-2">
|
||||
<p>
|
||||
@ -278,8 +196,8 @@ export default function VideoSearch() {
|
||||
{(achievement.next === "殿堂曲"
|
||||
? 100000
|
||||
: achievement.next === "传说曲"
|
||||
? 1000000
|
||||
: 10000000) - video.video_stat.view}{" "}
|
||||
? 1000000
|
||||
: 10000000) - video.video_stat.view}{" "}
|
||||
播放
|
||||
</p>
|
||||
<div className="w-full bg-gray-200 rounded-full h-2.5 mt-2">
|
||||
@ -294,52 +212,14 @@ export default function VideoSearch() {
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
);
|
||||
)
|
||||
})}
|
||||
</ul>
|
||||
) : (
|
||||
!loading && !error && <p>暂无数据</p>
|
||||
)}
|
||||
</CardContent>
|
||||
{/* <Dialog open={showCoverDialog} onOpenChange={setShowCoverDialog}>
|
||||
<DialogContent>
|
||||
<DialogHeader>
|
||||
<DialogTitle>确认显示封面</DialogTitle>
|
||||
<DialogDescription>
|
||||
本站依法通过哔哩哔哩开放平台API获取内容引用,相关内容展示严格遵循《信息网络传播权保护条例》关于合理使用的规定。引用内容著作权归属著作权人及哔哩哔哩平台所有,本站不享有任何著作权权益。用户应知悉:
|
||||
<ul>
|
||||
<li>
|
||||
本站引用行为不替代对原内容的访问,建议通过
|
||||
<a href="https://www.bilibili.com/video">哔哩哔哩官方链接</a>
|
||||
获取完整服务
|
||||
</li>
|
||||
<li>
|
||||
任何单位或个人认为引用涉嫌侵权,请通过 i@mei.lv
|
||||
提交权属证明,本站将依法处理
|
||||
</li>
|
||||
<li>
|
||||
内容展示受哔哩哔哩《开发者协议》约束,若接口服务终止将即时停止引用
|
||||
</li>
|
||||
<li>本站对引用内容不享有解释权,观点分歧请以原发布渠道为准</li>
|
||||
<li>
|
||||
用户不得对引用内容进行下载、转载、改编等二次使用,相关行为需直接获得权利人授权
|
||||
</li>
|
||||
</ul>
|
||||
显示的内容仅用于介绍目的,实时引用自哔哩哔哩。除另有说明外,所有权利归著作权人所有,内容不代表本站观点,本站亦非这些内容的著作权人。
|
||||
</DialogDescription>
|
||||
</DialogHeader>
|
||||
<div className="grid gap-4 py-4">
|
||||
<Input
|
||||
placeholder="请输入'我已知晓'以确认"
|
||||
value={confirmText}
|
||||
onChange={(e) => setConfirmText(e.target.value)}
|
||||
/>
|
||||
</div>
|
||||
<DialogFooter>
|
||||
<Button onClick={handleConfirmShowCover}>确认</Button>
|
||||
</DialogFooter>
|
||||
</DialogContent>
|
||||
</Dialog> */}
|
||||
</Card>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
||||
|
30
config/blocked-ids.ts
Normal file
30
config/blocked-ids.ts
Normal file
@ -0,0 +1,30 @@
|
||||
// tsy 过滤器
|
||||
export const blockedVideoIds = [
|
||||
"BV1Nmp4eKE5H",
|
||||
"BV1M5fDYkEGB",
|
||||
"BV1hqykY9E72",
|
||||
"BV1LHU9YuEqm",
|
||||
"BV1AtidYfES6",
|
||||
"BV1TLkVYbEsS",
|
||||
"BV1iE421w7B6",
|
||||
"BV1mdW8enEdh",
|
||||
"BV1m9cbepErC",
|
||||
"BV1Xpr6YyErN",
|
||||
"BV1PAFWeFE3f",
|
||||
"BV1wYwTeHEEW",
|
||||
"BV1cMSUYiE5m",
|
||||
"BV157yLYXEZN",
|
||||
"BV1h2tue6EbD",
|
||||
"BV1MSYMeEEZS",
|
||||
"BV1Nmp4eKE5H",
|
||||
"BV1zBY2euEA4",
|
||||
"BV1bStreZEMr",
|
||||
"BV1dt2eYyE86",
|
||||
"BV1M8411R75Z",
|
||||
]
|
||||
|
||||
export const blockedUploaderIds = [
|
||||
"1037289255",
|
||||
"823284"
|
||||
]
|
||||
|
Loading…
Reference in New Issue
Block a user