【Java应用】Java提取B站视频教程详情(完整代码|下载可直接运行|自带页面|可直接复制)

提取B站视频教程详情

背景

B站这个视频列表是真的体验感太差了,有时候想把章节复制下来,再对应的章节下面做笔记,实在是太难搞了,于是就有了这篇文文章

效果图

在这里插入图片描述

根据关键字获取视频id

public Result videoList(@RequestBody VideoDto videoDto) {
        String keyword = videoDto.getKeyword();
        if (!StringUtils.hasText(keyword)) {
            return R.error(500,"keyword 不能为空");
        }
        String cookie = videoDto.getCookie();
        if (!StringUtils.hasText(cookie)) {
            cookie = this.cookie;
        }
        String url = "https://api.bilibili.com/x/web-interface/wbi/search/all/v2?__refresh__=true&_extra=&context=&page=1&page_size=42&order=&duration=&from_source=&from_spmid=333.337&platform=pc&highlight=1&single_column=0&qv_id=f2n7O2fSac731PnjjNFHUAGTYrY8wN84&ad_resource=5646&source_tag=3&web_location=1430654&w_rid=8b093eac9dbe20f09fb6b7bf3a51a743&wts=1710225740&keyword=" + keyword;
        HttpHeaders headers = new HttpHeaders();
        headers.add("Cookie", cookie);
        headers.add("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36");
        HttpEntity<Object> entity = new HttpEntity<>(null, headers);
        ResponseEntity<String> exchange = restTemplate.exchange(url, HttpMethod.GET, entity, String.class);
        String body = exchange.getBody();
        JSONArray results = JSON.parseObject(body).getJSONObject("data").getJSONArray("result");
        List<VideoVo> list = new ArrayList<>();
        for (int i = 0; i < results.size(); i++) {
            JSONObject result = results.getJSONObject(i);
            if ("video".equals(result.getString("result_type"))) {
                JSONArray array = result.getJSONArray("data");
                for (int j = 0; j < array.size(); j++) {
                    JSONObject object = array.getJSONObject(j);
                    String id = object.getString("id");
                    String title = object.getString("title").replace("<em class=\"keyword\">", "").replace("</em>", "");
                    System.out.println(id + "\t" + title);
                    VideoVo videoVo = new VideoVo();
                    videoVo.setId(id);
                    videoVo.setTitle(title);
                    list.add(videoVo);
                }
            }
        }
        return R.ok(list);
    }

418313932	【2022B站最好的OpenCV课程推荐】OpenCV从入门到实战 全套课程（附带课程课件资料+课件笔记）图像处理|深度学习人工智能计算机视觉python+AI
314395310	太厉害了 已跪！终于有人能把OpenCV图像处理讲的这么通俗易懂了，现在计算机视觉opencv全套分享给大家。
1615	OpenCV轻松入门（李立宗）
1201468793	太详细了！从OpenCV安装到图像处理操作实战，张老师是真的把计算机视觉给讲透了！整整一百集，拿走不谢！——人工智能/机器学习/深度学习/神经网络/目标检测
839144359	OpenCV4 C++ 快速入门视频30讲 - 系列合集
382304059	【不要再看那些过时的OpenCV老教程了】2022巨献，OpenCV零基础小白最新版全套教程(人工智能机器视觉教程)
373921350	黑马程序员人工智能教程_10小时学会图像处理OpenCV入门教程
815748375	计算机视觉入门到精通！公认讲的最好的【OpenCV计算机视觉教程】同济大佬12小时带你从入门到精通！图像处理|深度学习人工智能计算机视觉Python+AI
...

获取视频详情

@Test
public Result<String> videoDetails(@PathVariable String id) {
        String url = "https://api.bilibili.com/x/web-interface/wbi/view/detail?aid=" + id;
        HttpHeaders headers = new HttpHeaders();
        headers.add("Cookie", cookie);
        headers.add("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.289 Safari/537.36");
        HttpEntity<Object> entity = new HttpEntity<>(null, headers);
        ResponseEntity<String> exchange = restTemplate.exchange(url, HttpMethod.GET, entity, String.class);
        String body = exchange.getBody();
        System.out.println("body = " + body);
        JSONArray jsonArray = JSON.parseObject(body).getJSONObject("data").getJSONObject("View").getJSONArray("pages");
        StringBuilder builder = new StringBuilder();
        for (int i = 0; i < jsonArray.size(); i++) {
            String title = jsonArray.getJSONObject(i).getString("part");
            System.out.println(title);
            builder.append(title).append("\n");
        }
        return R.ok(builder.toString());
    }

传入上一步获取到的视频id=314395310即可得到对应的视频详情

1-2 OpenCV导学
1-3 计算机视觉到底是什么
2-1 Mac下命令方式搭建OpenCV开发环境（加片头）
2-2 Windows下搭建OpenCV开发环境
2-3 Ubuntu下搭建OpenCV开发环境
2-4 Windows下源码方式编译OpenCV
2-5 Windows下C++使用OpenCV库
2-6 如何利用工具高效开发OpenCV
3-1 明晰课程项目
3-2 如何通过OpenCV创建显示窗口
3-3 如何通过OpenCV加载显示图片
3-4 两招解决OpenCV加载图片问题
3-5 如何通过OpenCV保存文件
3-6 如何利用OpenCV从摄像头采集视频
3-7 如何从多媒体文件中读取视频帧
3-8 如何将视频数据录制成多媒体文件
3-9 代码优化
3-10 OpenCV控制鼠标
3-11 OpenCV中的TrackBar控件
3-12 实战TrackBar的使用
4-1 RGB与BGR【OpenCV的色彩空间】
4-2 HSV与HSL【OpenCV的色彩空间】
4-3 实战OpenCV色彩空间转换
4-4 图像操作的基石Numpy【基础操作】
4-5 Numpy基本操作之矩阵的检索与赋值
4-6 Numpy基本操作三-ROI
4-8 OpenCV的重要结构体Mat
4-9 Mat的深拷贝与浅拷贝
4-11 图像的多种属性
4-12 通道的分割与合并
5-1 OpenCV绘制直线
5-2 OpenCV椭圆的绘制
5-3 OpenCV椭圆的绘制
5-4 OpenCV绘制多边形
5-5 OpenCV绘制文本
5-6 OpenCV大作业-实现鼠标绘制基本图形
5-7 OpenCV基本图形绘制小结
6-1 图像的加法运算
6-2 图像的减法运算
6-3 图像的溶合
6-4 OpenCV位运算-非操作
6-5 OpenCV位操作-与运算
6-6 OpenCV位操作-或与异或
6-7 大作业-为图像添加水印
7-1 图像的放大与缩小
7-2 图像的翻转
7-3 图像的旋转
7-4 仿射变换之图像平移
7-5 仿射变换之获取变换矩阵
7-6 仿射变换之变换矩阵之二
7-7 OpenCV透视变换
8-1 图像滤波
8-2 卷积相关概念
8-3 实战图像卷积
8-4 方盒滤波与均值滤波
8-5 高斯滤波
8-6 中值滤波
8-7 双边滤波
8-8 高通滤波-索贝尔算子
8-9 高通滤波-沙尔算子
8-10 高通滤波-拉普拉斯算子
8-11 边缘检测Canny
9-1 形态学概述
9-2 图像全局二值化
9-3 阈值类型
9-4 自适应阈值二值化
9-5 OpenCV腐蚀
9-6 获取形态学卷积核
9-7 OpenCV膨胀
9-8 开运算
9-9 闭运算
9-10 形态学梯度
9-11 顶帽运算
9-12 黑帽操作
10-1 什么是图像轮廓
10-2 查找轮廓
10-3 绘制轮廓
10-4 轮廓的面积与周长
10-5 多边形逼近与凸包
10-6 外接矩形
10-7 项目总览【车辆统计】
10-8 视频加载【车辆统计】
10-9 形态学处理【车辆统计】
10-10 去背景【车辆统计】
10-11 逻辑处理【车辆统计】
10-12 显示信息【车辆统计】
11-1 特征检测的基本概念
11-2 Harris角点检测
11-3 Shi-Tomasi角点检测
11-4 SIFT关键点检测
11-5 SIFT计算描述子
11-6 SURF特征检测
11-7 OBR特征检测
11-8 暴力特征匹配
11-9 FLANN特征匹配
11-10 实战flann特征匹配
11-11 图像查找
11-12 大作业-图像拼接基础知识
11-13 大作业-图像拼接(一)

完整Controller代码

package com.lxw.station.controller;

import com.alibaba.fastjson.JSON;
import com.alibaba.fastjson.JSONArray;
import com.alibaba.fastjson.JSONObject;
import com.lxw.station.core.R;
import com.lxw.station.core.Result;
import com.lxw.station.entity.VideoDto;
import com.lxw.station.entity.VideoVo;
import org.springframework.http.HttpEntity;
import org.springframework.http.HttpHeaders;
import org.springframework.http.HttpMethod;
import org.springframework.http.ResponseEntity;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.client.RestTemplate;

import java.util.ArrayList;
import java.util.List;

@RestController
public class VideoController {
    private String cookie = "_uuid=9DF4F2F2-47B9-22B6-F59A-A8C10C658393265297infoc; enable_web_push=undefined; header_theme_version=undefined; buvid_fp=0f14aff6726a04789db0ba942ba1317c; buvid3=C4518348-C136-256A-F660-38EA96D4971D49657infoc; b_nut=1708214666; buvid4=1010A954-10E9-D08B-82EF-1278035AD2E749657-024021800-Da1Cmh2s4TKHhBvxWnSrMg%3D%3D; CURRENT_FNVAL=4048; rpdid=|(kYl|~u)R)J0J'u~|)kuRY~Y; PVID=1; DedeUserID=702211544; DedeUserID__ckMd5=165187cda1b9f075; CURRENT_QUALITY=80; FEED_LIVE_VERSION=undefined; bili_ticket=eyJhbGciOiJIUzI1NiIsImtpZCI6InMwMyIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MTAzNzQxMjcsImlhdCI6MTcxMDExNDg2NywicGx0IjotMX0.YzPhgcDhiKBMZCQmvf9r_6shc7teaF2F6r4ZFgk4g9w; bili_ticket_expires=1710374067; SESSDATA=bc98694a%2C1725666928%2Cce14a%2A31CjCxI-6GYnUODm_8y4XiweKv272zq5odBHxEmsuMnRW9nTgEThHMdZmEZM-mZvcQowoSVlE2ZWItWmROUGtVcXFTZkVlYmhmdDdnbTktZF9scVZpb3c1UzNJNXlsZGZvN3U0cWtGYS1FSXU4N0VZN041UkJYWEhJNDJKQktFTzVBZTBXSEw0WERRIIEC; bili_jct=a23627e4e9d952ba26cfcc0209ce39e0; sid=7yv3ysp0; bp_video_offset_702211544=907118997271478357; home_feed_column=4; b_lsid=BF6A57A2_18E312A1978; browser_resolution=1275-1279";
    private RestTemplate restTemplate = new RestTemplate();
    @PostMapping("/videoList")
    public Result videoList(@RequestBody VideoDto videoDto) {
        String keyword = videoDto.getKeyword();
        if (!StringUtils.hasText(keyword)) {
            return R.error(500,"keyword 不能为空");
        }
        String cookie = videoDto.getCookie();
        if (!StringUtils.hasText(cookie)) {
            cookie = this.cookie;
        }
        String url = "https://api.bilibili.com/x/web-interface/wbi/search/all/v2?__refresh__=true&_extra=&context=&page=1&page_size=42&order=&duration=&from_source=&from_spmid=333.337&platform=pc&highlight=1&single_column=0&qv_id=f2n7O2fSac731PnjjNFHUAGTYrY8wN84&ad_resource=5646&source_tag=3&web_location=1430654&w_rid=8b093eac9dbe20f09fb6b7bf3a51a743&wts=1710225740&keyword=" + keyword;
        HttpHeaders headers = new HttpHeaders();
        headers.add("Cookie", cookie);
        headers.add("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/122.0.0.0 Safari/537.36");
        HttpEntity<Object> entity = new HttpEntity<>(null, headers);
        ResponseEntity<String> exchange = restTemplate.exchange(url, HttpMethod.GET, entity, String.class);
        String body = exchange.getBody();
        JSONArray results = JSON.parseObject(body).getJSONObject("data").getJSONArray("result");
        List<VideoVo> list = new ArrayList<>();
        for (int i = 0; i < results.size(); i++) {
            JSONObject result = results.getJSONObject(i);
            if ("video".equals(result.getString("result_type"))) {
                JSONArray array = result.getJSONArray("data");
                for (int j = 0; j < array.size(); j++) {
                    JSONObject object = array.getJSONObject(j);
                    String id = object.getString("id");
                    String title = object.getString("title").replace("<em class=\"keyword\">", "").replace("</em>", "");
                    System.out.println(id + "\t" + title);
                    VideoVo videoVo = new VideoVo();
                    videoVo.setId(id);
                    videoVo.setTitle(title);
                    list.add(videoVo);
                }
            }
        }
        return R.ok(list);
    }
    @GetMapping("/videoDetails/{id}")
    public Result<String> videoDetails(@PathVariable String id) {
        String url = "https://api.bilibili.com/x/web-interface/wbi/view/detail?aid=" + id;
        HttpHeaders headers = new HttpHeaders();
        headers.add("Cookie", cookie);
        headers.add("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.5735.289 Safari/537.36");
        HttpEntity<Object> entity = new HttpEntity<>(null, headers);
        ResponseEntity<String> exchange = restTemplate.exchange(url, HttpMethod.GET, entity, String.class);
        String body = exchange.getBody();
        System.out.println("body = " + body);
        JSONArray jsonArray = JSON.parseObject(body).getJSONObject("data").getJSONObject("View").getJSONArray("pages");
        StringBuilder builder = new StringBuilder();
        for (int i = 0; i < jsonArray.size(); i++) {
            String title = jsonArray.getJSONObject(i).getString("part");
            System.out.println(title);
            builder.append(title).append("\n");
        }
        return R.ok(builder.toString());
    }
}

前端核心代码

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style>
        /*找到html标签、body标签，和挂载的标签 都给他们统一设置样式*/
        html, body, #app, .el-container {
            /*设置内部填充为0，几个布局元素之间没有间距*/
            padding: 0px;
            /*外部间距也是如此设置*/
            margin: 0px;
            /*统一设置高度为100%*/
            height: 100%;
        }
        .el-header {
            background-color: #B3C0D1;
            line-height: 25px;
        }
        el-aside {
            background-color: #D3DCE6;
            color: #333;
        }

        .el-main {
            background-color: #E9EEF3;
            color: #333;
        }
        .code-container {
            position: relative;
        }
        .code {
            background-color: #f4f4f4;
            font-family: 'Microsoft YaHei', sans-serif;;
            padding: 10px;
            border-radius: 5px;
            overflow-x: auto;
        }
        .copy-button {
            position: absolute;
            top: 5px;
            right: 5px;
            background-color: #007bff;
            color: #fff;
            border: none;
            border-radius: 3px;
            padding: 5px 10px;
            cursor: pointer;
        }


    </style>
    <script src="/js/vue.js"></script>
    <script src="/js/vue-router.js"></script>
    <link rel="stylesheet" href="/css/el/index.css">
    <script src="/js/el/index.js"></script>
    <script type="text/javascript" src="/js/axios/index.js"></script>
    <script type="text/javascript" src="/api/ajax.js"></script>
    <script src="js/marked/marked.js"></script>

</head>
<body>
<div id="app">
    <el-container height>
        <el-header>
            <el-row style="margin-top: 10px">
                <el-col :span="3"><el-input v-model="params.keyword"><template slot="prepend">关键词</template></el-input></el-col>
                <el-col :span="18"><el-input v-model="params.cookie"><template slot="prepend">Cookie</template></el-input></el-col>
                <el-col :span="3"></el-col><el-button @click="videoList" :loading="generateLoading">获取视频列表</el-button></el-input></el-col>
            </el-row>
        </el-header>
        <el-container>
            <el-main>
                <el-table :data="list" highlight-current-row @current-change="videoDetails" empty-text="暂无数据" style="width: 100%">
                    <el-table-column type="index" width="50"></el-table-column>
                    <el-table-column property="id" label="id" width="120"></el-table-column>
                    <el-table-column property="title" label="title"></el-table-column>
                </el-table>
            </el-main>
            <el-aside width="600px">
                <div class="code-container" v-show="details != null && details != ''">
                    <pre class="code" id="codeSnippet">
                        <code style="font-family: 'Microsoft YaHei', sans-serif">
                            {{details}}
                        </code>
                    </pre>
                    <button class="copy-button" @click="copyCode()">{{copyButtonText}}</button>
                </div>
            </el-aside>
        </el-container>
    </el-container>


</div>

</body>
</html>
<script>
    new Vue({
        el: '#app',
        data: function () {
            return {
                generateLoading: false,
                params: {
                    cookie: '',
                    keyword: 'opencv'
                },
                list: [],
                details: "",
                copyButtonText:"复制"
            }
        },
        methods: {
            videoList() {
                this.generateLoading = true;
                axios.post('/videoList', this.params).then(res => {
                    if(res.data.success){
                        this.list = res.data.data
                    }else {
                        this.$message.error(res.data.msg)
                    }
                }).finally(() => {
                    this.generateLoading = false;
                })
            },
            videoDetails(row) {
                this.generateLoading = true;
                axios.get('/videoDetails/'+row.id).then(res => {
                this.details = res.data.data
                }).cache(()=>{
                    this.$message.error("获取视频详情失败")
                }).finally(() => {
                    this.generateLoading = false;
                })
            },
            copyCode() {
                var codeElement = document.getElementById('codeSnippet');
                var range = document.createRange();
                range.selectNode(codeElement);
                window.getSelection().removeAllRanges();
                window.getSelection().addRange(range);
                document.execCommand('copy');
                window.getSelection().removeAllRanges();
                this.copyButtonText = "已复制";
                setTimeout(() =>{
                    console.log("定时任务开始执行")
                    this.copyButtonText = "复制";
                }, 2000);
            }
        },
    })
</script>