reader/pages/main/reading/reading.js

import httpRequestApi from '../../../utils/APIClient';
import {
    formatDate
} from '../../../utils/util';
Page({
    data: {
        title: '',
        id: '',
        img: '',
        fullScreenBtn: false,
        playBtn: true,
        gesture: true,
        muted: false,
        gesture: false,
        centerBtn: true,
        recordFlag: 0,
        recordSource: '',
        videoCtr: 'recordingVideoEnd',
        btnFlag: false,
        btnImgFlag: false,
        microphonePng: '../../../static/image/microphone.png',
        recordingGif: '../../../static/image/readingNow.gif',
        videoUrl: '',
        readingText: '',
        videoList: [],
        pageNo: 1,
        nextMargin: getApp().globalData.nextMargin,
        lowerThresHold: 100,
        isVideoListShow: true,
        overall: '', // 评测总分
        integrity: '', //完成度
        tone: '', //语调声调
        fluency: '', //流利度
        accuracy: '', // 正确分，发音分
        star: [0, 0, 0, 0, 0],
        ifTextShow: true,
        ifScoreDialogShow: false,
        ifScoreShow: false
    },
    onLoad: function (option) {
        console.log(option);
        this.videoCtx = null;
        const uid = wx.getStorageSync('uid')
        httpRequestApi.getClassDetail(option.id).success(res => {
            console.log(res)
            let reg = /\\n/g
            this.setData({
                title: res.data.data.title,
                videoUrl: res.data.data.originVideo || res.data.data.playUrl,
                originVideo: res.data.data.originVideo,
                img: res.data.data.iconImg,
                id: res.data.data.id,
                readingText: res.data.data.lessonText,
                grade: res.data.data.grade,
                exampleId: res.data.data.exampleId,
                summary: res.data.data.summary
                // productId: res.data.data.product.id

            })
            console.log(this.data.readingText)
            console.log(this.data.img)
            this.getReadInfo(option.id)

            httpRequestApi.userIntoPage('pages/main/reading/reading', '朗读页面').success((res) => {

            })
        })
    },
    onHide: function () {
        console.log('onhide')
        if (this.data.btnImgFlag) {
            this.ss.stopRecord();
        }
        this.ss.destroyEngine();
        this.setData({
            recordFlag: 0
        })

    },
    onUnload: function () {
        console.log('onUnload')
        if (this.data.btnImgFlag) {
            this.ss.stopRecord();
        }
        this.ss.destroyEngine();
    },
    onShow: function () {
        this.setData({
            statusbarobj: {
                isshowbtn: false, //是否显示按钮
                title: "小学语文课文朗读", //标题
            },
        })
        this.videoCtx = wx.createVideoContext('myVideo', this);
        let data = requirePlugin("myPlugin");
        const obj = {
            appid: 'a415',
            userid: wx.getStorageSync('uid'),
            getEvalMessage: (res) => {
                this.getRecordScore(res)
                // console.log('评测结果',res)
            },
            recorderCallback: (type, data) => {
                // 录音测评监控回调
                this.ssRecorderCallback(type, data)
            }

        }
        this.ss = new data.ssEngine(obj);

    },
    ssRecorderCallback: function (type, data) {
        console.log('录音测评监控回调', type)
        console.log('录音测评监控回调', data)
        /* 录音开始 */
        if (type === 'onStart') {
            this.setData({
                btnImgFlag: true,
                btnFlag: false
            })
            console.log('recorder start')
        }
        if (type === 'onStop') {
            this.videoCtx.stop();
            this.setData({
                recordFlag: 0,
                recordSource: data.tempFilePath,
                btnFlag: true,
                btnImgFlag: false
            })
            console.log('recorder start')
        }
    },
    // 录音中视频播放结束 (控制录音同时结束)
    recordingVideoEnd: function () {
        console.log(this.data.videoCtr)
        console.log('recordingVideoEnd');
        // 
        if (this.data.recordFlag === 0) {
            // this.recordStop();

            this.playingVideoEnd();
            return;
        }
        // 录音结束
        if (this.data.recordFlag === 1) {
            this.recordStop();
        }
    },
    // 播放中视频播放结束 (控制录音同时结束)
    playingVideoEnd: function () {
        console.log('playingVideoEnd')

        this.ss.stopPlay();;
    },
    /***
     *  recordFlag: 
     *      0 初始状态
     *      1 录音中
     *      2 录音结束
     ***/
    audioRecord: function () {
        console.log('recordFlag', this.data.recordFlag)
        if (this.data.recordFlag === 0) {
            // this.recordStart();
            // this.saveVideo();
            console.log('是否有视频', this.videoCtx)
            if (this.videoCtx) {
                this.videoCtx.stop();
                this.videoCtx.seek(0);
            }
            // if (this.recorderManager) {
            //     this.recorderManager.stop();
            // }
            // if (this.innerAudioContext) {
            //     this.innerAudioContext.stop();
            // }
            const that = this;
            wx.getSetting({
                success(res) {
                    if (res.authSetting['scope.record']) {
                        that.videoComplete();
                    }
                    // else {
                    //     wx.showToast({
                    //         title: 'onError',
                    //         icon: 'fail',
                    //         duration: 500
                    //     })
                    // }
                }
            })
            return;
        }
        // 录音结束后
        if (this.data.recordFlag === 1) {
            wx.showLoading({
                title: '作品转码中',
                mask: true
            })
            this.recordStop();
        }
    },
    // 录音开始
    /**
     * duration: 时长 最长10分钟
            sampleRate: 44100, 采样率
            numberOfChannels: 1, 录音通道
            encodeBitRate: 192000, 码率
            format: 'mp3', 格式
            frameSize: 50 制定帧大小
     */
    recordStart: function () {
        console.log('录音开始');
        const options = {
            duration: 600000,
            sampleRate: 44100,
            numberOfChannels: 1,
            encodeBitRate: 192000,
            format: 'mp3',
            frameSize: 50
        }
        this.ss.startRecord({
            coreType: 'cn.sent.score', //测评题型    
            evalTime: 240000, //测评的录音时间，时间到自动停止测评    
            refText: this.data.readingText, //测评文本  
            warrantId: 'c11163aa6c834a028da4a4b30955be96', //鉴权id
        })
    },
    // 录音结束
    recordStop: function () {
        this.ss.stopRecord();
        console.log('录音结束')
        wx.hideLoading()
    },
    // 获取测评结果
    getRecordScore(res) {
        console.log('测评结果', res)
        const result = res.result;
        const overall = result.overall; // 总分
        const integrity = result.integrity; //完成度
        const tone = result.tone; // 语调声调
        const accuracy = result.accuracy; // 发音分
        const fluency = result.fluency.overall; //流利度 
        let starArray = [];
        let score = overall / 20;
        if (score <= 0) {
            starArray = [0, 0, 0, 0, 0]
        } else {
            for (let i = 1; i < 5; i += 0.9) {
                if (i < score) {
                    starArray.push(1);
                } else {
                    starArray.push(0)
                }
            }
        }

        this.setData({
            overall,
            integrity,
            tone,
            accuracy,
            fluency,
            ifScoreDialogShow: true,
            star: starArray
        })
    },
    closeScoreDialog() {
        this.setData({
            ifScoreDialogShow: false,
            ifScoreShow: true,
            ifTextShow: false
        })
    },
    // 播放录音
    audioPlay: function () {
        /* 用了先声智能以后录音播放由先声只能接管 */
        this.setData({
            videoUrl: this.data.videoUrl
        })

        this.videoCtx.seek(0)
        const recordSource = this.data.recordSource
        wx.uploadFile({
            url: 'https://reader.lingjiao.cn/readerBase/file/upload',
            filePath: recordSource,
            name: '朗读录音',
            header: {
                uid: wx.getStorageSync('uid')
            },
            success: (res) => {
                const formateRes = JSON.parse(res.data);

                let audioPath = formateRes.data;
                this.setData({
                    audioPath,
                    audioPlaying: true
                })
                this.ss.startPlay(audioPath);
                this.videoCtx.play();
            }

        })
    },

    videoComplete: function () {
        // let videoUrl = 'http://efunimgs.ai160.com/ott/test/002tPr2Xlx07oP7B4ro40104120022hP0k010.mp4';
        this.setData({
            recordFlag: 1,
            videoUrl: this.data.originVideo,
            centerBtn: false,
            playBtn: false,
            isVideoListShow: false
        }, () => {
            this.videoCtx.play();
            this.recordStart();
        })

    },
    // 上传
    upload: function () {
        if (this.videoCtx) {
            this.videoCtx.stop();
        }
        if (this.data.audioPlaying) {
            this.ss.stopPlay();
            this.setData({
                audioPlaying: false
            })
        }
        wx.showLoading({
            title: '作品分享中',
            mask: true
        })

        if (this.data.audioPath) {
            this.shareWorks(uid, this.data.audioPath)
        } else {
            const recordSource = this.data.recordSource;
            wx.uploadFile({
                url: 'https://reader.lingjiao.cn/readerBase/file/upload',
                filePath: recordSource,
                name: '朗读录音',
                header: {
                    uid: wx.getStorageSync('uid')
                },
                success: (res) => {
                    const formateRes = JSON.parse(res.data);
                    let audioPath = formateRes.data;
                    this.shareWorks(audioPath);
                }

            })
        }

    },
    shareWorks: function (audio) {

        const data = {
            "lessonId": this.data.id,
            "originVideo": this.data.videoUrl,
            "audioPath": audio,
            "title": this.data.title,
            "iconImg": this.data.img,
            "summary": this.data.summary,
            "productId": this.data.productId,
            "grade": this.data.grade,
            "exampleId": this.data.exampleId
        };
        httpRequestApi.postWork(data).success(res => {
            wx.hideLoading({
                success: () => {
                    wx.showToast({
                        title: '上传成功',
                        icon: 'success',
                        duration: 1000,
                        success: () => {
                            console.log(res);
                            const _data = this.data;
                            const scoreData = {
                                "userReadId": res.data.data.id,
                                "complete": _data.integrity,
                                "accuracy": _data.accuracy,
                                "speed": _data.fluency,
                                "intonation": _data.tone,
                                "score": _data.overall
                            }
                            httpRequestApi.postWorksScore(scoreData).success(res => {
                                console.log(res)
                            })
                            wx.redirectTo({
                                url: `../../social/works/works?id=${res.data.data.id}&flowerCount=${res.data.count}`
                            })
                        }
                    })
                }
            });
        });

    },

    // 获取本课朗读内容
    getReadInfo: function (id, pageNo, pageSize) {
        // const uid =  wx.getStorageSync('uid');
        const data = {
            exampleId: this.data.id || id,
            pageNo: this.data.pageNo,
            pageSize: 3,
            type: 'READ'
        };
        httpRequestApi.getClassRead(this.uid, data).success(res => {
            const readInfo = res.data.data.list;
            console.log(res)
            readInfo.forEach(item => {
                const temp = {};
                temp.title = item.userRead ? item.userRead.title : '';
                temp.img = item.userRead.iconImg;
                temp.plays = item.userRead.playAmount ? item.userRead.playAmount : 0;
                temp.likes = item.userRead.likeAmount ? item.userRead.likeAmount : 0;
                temp.classId = item.userRead.lessonId;
                temp.time = formatDate(item.userRead.gmtCreated, 3);
                temp.avatar = item.user ? item.user.avatar : '';
                temp.uid = item.user ? item.user.uid : '';
                temp.url = item.userRead.originVideo;
                // temp.avatar = item.user.avatar;
                temp.nickName = item.user ? item.user.wechatName : '';
                temp.id = item.userRead.id;
                // recommendWorks.push(temp);
                // that.data.hotData.hotWorks.push(temp);
                this.data.videoList.push(temp);
            });
            this.setData({
                videoList: this.data.videoList
            })
        });
    },
    // 评论区点击
    commentTap: function (e) {
        console.log('点击评论区', e)
        if (e.target.dataset.type === 'blank') {
            this.setData({
                commentShow: false
            })
        }
    },
    scrollToLower: function (e) {
        console.log('滑动到底部', e)
        this.setData({
            pageNo: this.data.pageNo + 1
        }, () => {
            this.getReadInfo()
        })
    },
    scrollToUpper: function (e) {
        console.log('滑动到顶部', e)

    },
    // 打开评论
    openComment: function (e) {
        console.log('id', e.detail.activeId)
        this.setData({
            commentShow: !this.data.commentShow,
            commentId: e.detail.activeId,
        });
    },
})