mini_read_space_front/pages/video/detail.js

// pages/video/detail.js
import {getVideoDetail, getRealVideoUrl, postWithCommonParams, getRelatedVideos, getUuid} from '../../api/api'
import {rnd} from '../../utils/util'
import {apple} from "../../config/config";

Page({
    data: {
        videoId: '',
        videoInfo: null,
        videoDetail: null,
        episodeList: [],
        currentEpisodeIndex: 0,
        currentEpisode: null, // 当前播放的剧集
        isPlaying: false,
        isLoading: true,
        title: '',
        scrollHeight: 0,
        windowHeight: 0,
        realVideoUrl: '', // 存储真实的视频播放地址
        videoStatus: 0, // 0 未播放 1 播放中 2 暂停
        duration: 0, // 视频总时长
        currentTime: 0, // 当前播放时间
        relatedVideos: [],
        tagId: 0,
        share_count: 1,
        scene: 0, // 场景值
    },

    onLoad: function (options) {
        const videoId = parseInt(options.id);
        const videoTitle = options.title ? decodeURIComponent(options.title) : '';
        const tagId = parseInt(options.tag_id);
        this.setData({
            scene: wx.getStorageSync('scene') || 1001
        })

        console.log('加载视频详情页，ID:', videoId, '标题:', videoTitle);

        // 获取系统信息
        this.getSystemInfo();

        // 如果有传递标题，则直接使用
        if (videoTitle) {
            this.setData({
                title: videoTitle,
                videoId: videoId,
                isLoading: true,
                tagId: tagId
            });
        } else {
            this.setData({
                videoId: videoId,
                isLoading: true,
                tagId: tagId
            });
        }

        this.loadVideoDetail(videoId);
    },

    onShow() {
        const pages = getCurrentPages();
        const currentPage = pages[pages.length - 1];
        const options = currentPage.options;
        console.log('scene', this.data.scene)
        if (+options.share_count === 1 && this.data.share_count === 1) {
            this.setData({
                share_count: 2
            })
            if(this.data.scene === 1007 || this.data.scene === 1008){
                this.goToBookDetail()
            }
        } else if (+options.share_count === 1 && this.data.share_count === 2) {
            this.setData({
                share_count: 3
            })
        }
    },


    /**
     * 获取uuid
     */
    getUUID() {
        return new Promise((resolve, reject) => {
            wx.login({
                success: res => {
                    let body = {
                        code: res.code,
                        source_type: 1,
                        source_id: ''
                    }
                    getUuid(body).then(async res => {

                        resolve(res.uuid)
                    }).catch((err) => {
                        reject(err)
                    })
                }
            })
        })
    },

    // 获取系统信息
    getSystemInfo() {
        const systemInfo = wx.getSystemInfoSync();
        this.setData({
            windowHeight: systemInfo.windowHeight
        });
    },

    // 加载视频详情
    async loadVideoDetail(id) {
        try {
            wx.showLoading({
                title: '加载中...',
                mask: true
            });

            //getUuid
            if (!getApp().globalData.uuid) {

                await this.getUUID().then(uuid => {
                    getApp().globalData.uuid = uuid
                })
            }

            // 构建请求参数
            const params = {
                id,
                tag_id: this.data.tagId,
                uuid: getApp().globalData.uuid
            };

            const videoDetail = await getVideoDetail(params);
            console.log('视频详情数据:', videoDetail);

            if (videoDetail) {
                // 处理视频信息
                const formattedVideoInfo = {
                    id: videoDetail.id,
                    title: videoDetail.title || this.data.title,
                    cover: videoDetail.cover_image,
                    playCount: videoDetail.views || '0',
                    playUV: videoDetail.play_uv || '0',
                    videoUrl: '', // 暂时为空，等待获取真实播放地址
                    description: videoDetail.description || '暂无简介',
                    tags: videoDetail.tag_ids || [],
                    likeCount: videoDetail.like || '0',
                    shareCount: videoDetail.share || '0',
                    isCollect: videoDetail.is_collect === 1,
                    video_type: videoDetail.video_type, // 保存原始视频类型
                    tag_ids: videoDetail.tag_ids // 保存标签ID列表
                };

                this.setData({
                    videoInfo: formattedVideoInfo,
                    title: formattedVideoInfo.title,
                    isLoading: false
                });

                // 获取真实播放地址
                this.getVideoPlayUrl(videoDetail);

                // 加载相关视频
                this.loadRelatedVideos(videoDetail.tag_ids);
            } else {
                this.setData({
                    isLoading: false
                });

                wx.showToast({
                    title: '获取视频详情失败',
                    icon: 'none'
                });
            }
        } catch (error) {
            console.error('获取视频详情失败:', error);

            this.setData({
                isLoading: false
            });

            wx.showToast({
                title: '获取视频详情失败',
                icon: 'none'
            });
        } finally {
            wx.hideLoading();
        }
    },

    // 获取视频播放地址
    async getVideoPlayUrl(videoDetail) {


        console.log(`videoDetail`, videoDetail)
        try {
            // 根据视频类型进行处理
            switch (videoDetail.video_type) {
                case 3: // OAS视频
                    // 获取真实播放地址
                    const tagId = videoDetail.tag_ids && videoDetail.tag_ids.length > 0 ? videoDetail.tag_ids[0] : 2072;
                    let parseRes = await getRealVideoUrl(videoDetail.id, tagId);

                    console.log('parseRes', parseRes)

                    // 默认视频为免费视频
                    videoDetail.lock = false
                    // 标记暂停插屏是否显示过
                    videoDetail.pauseInsertAd = false


                    // 默认视频不显示插屏
                    videoDetail.insertAd = false
                    videoDetail.adType = 'video'
                    videoDetail.likeNum = rnd(101, 209) / 10
                    videoDetail.like = false
                    videoDetail.shareNum = rnd(51, 99) / 10
                    if (videoDetail.video_type !== 4) {
                        videoDetail.playUrl = parseRes.url_info[0].url
                    }
                    if (videoDetail.is_top === 1) {
                        videoDetail.top = true
                    }
                    this.setData({
                        isLoading: false,
                        videoDetail: videoDetail
                    })


                    break;

                case 4: // 微信视频
                    // 直接使用video_vid
                    this.setData({
                        'videoInfo.videoUrl': videoDetail.video_vid
                    });
                    break;

                default:
                    // 默认使用url字段
                    if (videoDetail.url) {
                        this.setData({
                            'videoInfo.videoUrl': videoDetail.url
                        });
                    } else {
                        throw new Error('不支持的视频类型');
                    }
            }
        } catch (error) {
            console.error('获取视频播放地址失败:', error);
            wx.showToast({
                title: '无法获取视频播放地址',
                icon: 'none'
            });
        }
    },

    // 切换剧集
    switchEpisode(e) {
        const index = e.currentTarget.dataset.index;
        if (index === this.data.currentEpisodeIndex) return;

        const episode = this.data.episodeList[index];
        if (!episode) return;

        this.setData({
            currentEpisodeIndex: index,
            currentEpisode: episode,
            isPlaying: true
        });

        // 获取视频实例并播放
        const videoContext = wx.createVideoContext('myVideo');
        videoContext.play();
    },

    // 视频播放事件
    onVideoPlay() {
        this.setData({
            isPlaying: true,
            videoStatus: 1
        });

        // 可以添加播放埋点
        console.log('视频开始播放:', this.data.videoInfo.id);
    },

    // 视频暂停事件
    onVideoPause() {
        this.setData({
            isPlaying: false,
            videoStatus: 2
        });
    },

    // 视频播放结束事件
    onVideoEnd() {
        this.setData({
            isPlaying: false,
            videoStatus: 0
        });

        // 可以添加结束埋点
        console.log('视频播放结束:', this.data.videoInfo.id);
    },

    // 视频时间更新事件
    onVideoUpdate(e) {
        const {currentTime, duration} = e.detail;
        this.setData({
            currentTime,
            duration
        });
    },

    // 视频元数据加载完成
    onVideoLoaded(e) {
        console.log('视频元数据加载完成', e.detail);
    },

    // 点击视频控制区
    onClickVideoControls() {
        if (this.data.videoStatus === 1) {
            // 当前正在播放，暂停视频
            const videoContext = wx.createVideoContext('myVideo');
            videoContext.pause();
        } else {
            // 当前已暂停，开始播放
            const videoContext = wx.createVideoContext('myVideo');
            videoContext.play();
        }
    },

    // 点击相关推荐视频
    onRelatedVideoTap(e) {
        console.log(e.currentTarget.dataset)
        const videoId = e.currentTarget.dataset.id;
        const video = this.data.relatedVideos.find(item => item.id === videoId);
        // console.log('video',video)
        if (!video) {
            wx.showToast({
                title: '视频信息获取失败',
                icon: 'none'
            });
            return;
        }
        const tag_id = video.tag_id;
        // console.log('tag_id',tag_id)
        // 显示加载中提示
        wx.showLoading({
            title: '加载中...',
            mask: true
        });

        // 将标题进行URI编码处理
        const encodedTitle = encodeURIComponent(video.title || '');

        // 跳转到视频详情页
        wx.navigateTo({
            url: `/pages/video/detail?id=${videoId}&title=${encodedTitle}&tag_id=${tag_id}`,
            success: () => {
                wx.hideLoading();
            },
            fail: (err) => {
                console.error('跳转失败:', err);
                wx.hideLoading();
                wx.showToast({
                    title: '跳转失败',
                    icon: 'none'
                });
            }
        });
    },

    // 跳转到书籍详情
    goToBookDetail() {
        getApp().globalData.isShowDialog = true
        goToBookDetail({
            bookId: 7266,
            wxBookId: 'A1Hcfv456vGtMYxQjxUm8KNdJ8',
            chapterId: null
        });
    },

    // 返回上一页
    goBack() {
        wx.navigateBack({
                delta: 1
            }
        );
        // wx.redirectTo({
        //     url: '/pages/video/video',
        // });
        console.log('返回上一页')
    },

    // 分享按钮点击事件
    onShareTap(e) {
        // 阻止事件冒泡
        e.stopPropagation();
    },

    // 分享给朋友
    onShareAppMessage(e) {
        // 如果是从推荐视频分享
        if (e.target && e.target.dataset.video) {
            const video = e.target.dataset.video;
            return {
                title: video.title,
                path: `/pages/video/video?shared_video_id=${video.id}&title=${encodeURIComponent(video.title)}&tag_id=${video.tag_ids[0]}&share_count=1&type=share`,
                imageUrl: video.cover_image,
                success: function (res) {
                    wx.showToast({
                        title: '分享成功',
                        icon: 'success',
                        duration: 1500
                    });
                },
                fail: function (res) {
                    wx.showToast({
                        title: '分享失败',
                        icon: 'none',
                        duration: 1500
                    });
                }
            };
        }

        // 默认分享当前视频
        const videoInfo = this.data.videoInfo;
        return {
            title: videoInfo.title,
            path: `/pages/video/video?shared_video_id=${videoInfo.id}&title=${encodeURIComponent(videoInfo.title)}&tag_id=${videoInfo.tag_ids[0]}&share_count=1&type=share`,
            imageUrl: videoInfo.cover,
            success: function (res) {
                wx.showToast({
                    title: '分享成功',
                    icon: 'success',
                    duration: 1500
                });
            },
            fail: function (res) {
                wx.showToast({
                    title: '分享失败',
                    icon: 'none',
                    duration: 1500
                });
            }
        };
    },

    // 分享到朋友圈
    onShareTimeline() {
        const videoInfo = this.data.videoInfo;
        return {
            title: videoInfo.title,
            query: `shared_video_id=${videoInfo.id}&title=${encodeURIComponent(videoInfo.title)}&tag_id=${videoInfo.tag_ids[0]}&share_count=1&type=share`,
            imageUrl: videoInfo.cover
        };
    },

    // 收藏视频
    toggleCollect() {
        const isCollect = !this.data.videoInfo.isCollect;

        this.setData({
            'videoInfo.isCollect': isCollect
        });

        wx.showToast({
            title: isCollect ? '收藏成功' : '已取消收藏',
            icon: 'success'
        });
    },

    // 点赞视频
    likeVideo() {
        const currentLikes = parseInt(this.data.videoInfo.likeCount) || 0;

        this.setData({
            'videoInfo.likeCount': (currentLikes + 1).toString()
        });

        wx.showToast({
            title: '点赞成功',
            icon: 'success'
        });
    },

    // 滚动事件
    onScroll(e) {
        this.setData({
            scrollHeight: e.detail.scrollTop
        });
    },

    // 加载相关视频
    async loadRelatedVideos(tagIds) {
        try {
            // 使用第一个标签ID获取相关视频
            const tagId = tagIds && tagIds.length > 0 ? tagIds[0] : 2250;
            console.log("原始ID：", apple.ghid)
            const relatedVideos = await getRelatedVideos({tag_id: tagId, gh_id: apple.ghid});
            // console.log('推荐视频',relatedVideos)
            // 处理相关视频数据
            const formattedVideos = relatedVideos.map(video => ({
                id: video.id,
                title: video.title,
                tag_id: video.tag_ids[0],
                cover_image: video.cover_image,
                playCount: video.views || '0',
                likeCount: video.like || '0',
                shareCount: video.share || '0'
            }));

            this.setData({
                relatedVideos: formattedVideos
            });
        } catch (error) {
            console.error('获取相关视频失败:', error);
        }
    }
})