基于libzplay 实现window下音乐频谱动态显示



  • 刚好用到了libzplay,那么就顺便写个博客实现给予音乐频谱数据动态显示吧
    先看看实现的效果图:
    0_1461500043731_upload-01e9b585-ab75-470b-994c-7bdca4fb5913
    0_1461500202955_upload-ea403aad-26fa-434d-aeda-f6d16f05efcd

    0_1461500332213_upload-72cecac9-a3bf-4703-8693-d45c2ffa15f8

    实现步骤:
    首先我们需要去libzplay下载这个库,因为我使用了它来采集音频频谱数据。
    然后配置pro文件
    0_1461506350205_upload-f1c88301-28be-4285-aca7-0516e9e872d4

    配置好了就开始写功能实现部分,直接上代码吧!

    我写了一个专门读取音频数据的类:

    AudioData.h

    #ifndef AUDIODATA_H
    #define AUDIODATA_H
    
    #include <QObject>
    //#include <QAudioDecoder>
    //#include <QAudioBuffer>
    #include <QDebug>
    //#include <QAudioDecoderControl>
    #include <QFile>
    #include "libzplay.h"
    #include <QTimer>
    
    #include <QJsonDocument>
    #include <QJsonArray>
    #include <QJsonObject>
    using namespace libZPlay;
    
    class AudioData : public QObject
    {
        Q_OBJECT
    public:
        explicit AudioData(QObject *parent = 0);
    
        Q_INVOKABLE void setSource(QString source);
        Q_INVOKABLE void playMusic();
        Q_INVOKABLE void stopMusic();
        Q_INVOKABLE void pauseMusic();
        Q_INVOKABLE void seekPosition(int ms);
        Q_PROPERTY(int amplitude READ amplitude NOTIFY amplitudeChanged)
        Q_PROPERTY(int position READ position NOTIFY positionChanged)
        Q_PROPERTY(bool isPlaying READ isPlaying NOTIFY isPlayingChanged)
    
        //music pcm data
        Q_PROPERTY(QString pcmData READ pcmData NOTIFY pcmDataChanged)
    
        QString pcmData(){
            QJsonObject root;
            QJsonArray hn;
            for(int i =0;i<257;i++){
                hn.append (pnLeftAmplitude[i]);
            }
            root.insert ("data",hn);
            QJsonDocument doc;
            doc.setObject (root);
            return doc.toJson ();
        }
    
    signals:
        void amplitudeChanged();
        void positionChanged();
        void isPlayingChanged();
        void pcmDataChanged();
    
    public slots:
        void refreshDatas();
    private:
        ZPlay *player;
        QTimer timer;
        int  pnHarmonicNumber[512];
        int  pnHarmonicFreq[257];
        int  pnLeftAmplitude[257];
        int  pnRightAmplitude[257];
        int  pnLeftPhase[257];
        int  pnRightPhase[257];
        int mposition=0;
        bool isMusicPlaying;
    
        int amplitude(){
            return pnRightAmplitude[171];
        }
    
        int position(){
            return mposition;
        }
    
        bool isPlaying(){
            return isMusicPlaying;
        }
    };
    #endif // AUDIODATA_H
    

    AudioData.cpp

    #include "audiodata.h"
    
    #include <windows.h>
    #include <stdio.h>
    #include <conio.h>
    #include <QImage>
    
    AudioData::AudioData(QObject *parent) : QObject(parent)
    {
        player=CreateZPlay();
    
        // set graph type to AREA, left channel on top
        player->SetFFTGraphParam(gpGraphType, gtAreaLeftOnTop);
    
        // set linear scale
        player->SetFFTGraphParam(gpHorizontalScale, gsLinear);
    
        timer.setInterval(1);
    
        connect(&timer,SIGNAL(timeout()),this,SLOT(refreshDatas()));
    
    }
    //music source
    void AudioData::setSource(QString source){
        const char* msource=source.toLatin1().data();
    
    
        // open file
        int result = player->OpenFile(msource, sfAutodetect);
        if(result == 0)
        {
            // display error message
            qDebug()<<"file open failed"<<player->GetError()<<endl;
            return;
        }
    
    }
    
    /**
     * @brief AudioData::playMusic
     */
    void AudioData::playMusic(){
        player->Play();
        timer.start();
        isMusicPlaying=true;
        isPlayingChanged();
    }
    /**
     * @brief AudioData::stopMusic
     */
    void AudioData::stopMusic(){
        player->Stop();
        timer.stop();
        isMusicPlaying=false;
        isPlayingChanged();
    }
    /**
     * @brief AudioData::pauseMusic
     */
    void AudioData::pauseMusic(){
        player->Pause();
        timer.stop();
        isMusicPlaying=false;
        isPlayingChanged();
    }
    /**
     * @brief AudioData::refreshDatas
     */
    void AudioData::refreshDatas(){
    
        // get song length
        TStreamInfo info;
        player->GetStreamInfo(&info);
    
        // check key press
        if(kbhit())
        {
            int a = getch();
            if(a == 'p' || a == 'P')
                player->Pause();
            else if(a=='q'||a=='Q'){
                player->Stop();
            }
        }
    
        // get stream status to check if song is still playing
        TStreamStatus status;
        player->GetStatus(&status);
        if(status.fPlay == 0)
            return;
    
        // get current position
        TStreamTime pos;
        player->GetPosition(&pos);
        this->mposition=pos.ms;
        positionChanged();
        int FFTPoints = player->GetFFTGraphParam(gpFFTPoints);
        player->GetFFTData(FFTPoints,fwTriangular,
                           pnHarmonicNumber,
                           pnHarmonicFreq,
                           pnLeftAmplitude,
                           pnRightAmplitude,
                           pnLeftPhase,
                           pnRightPhase);
        amplitudeChanged();
        pcmDataChanged();
        // draw FFT graph on desktop window
    
    //    player->DrawFFTGraphOnHWND(0, 0, 0, 300, 200);
    
    //    qDebug()<<pnLeftAmplitude[100]<<endl;
    
    }
    /**
     * @brief AudioData::seekPosition
     * @param ms
     */
    void AudioData::seekPosition(int ms){
        TStreamTime time;
        time.ms=ms;
        player->Seek(tfMillisecond,&time,smFromBeginning);
    }
    

    main.cpp

    #include <QApplication>
    #include <QQmlApplicationEngine>
    #include <audiodata.h>
    #include <QtQml>
    
    int main(int argc, char *argv[])
    {
        QApplication app(argc, argv);
    
        QQmlApplicationEngine engine;
        AudioData ad;
        engine.rootContext()->setContextProperty("AudioData",&ad);
        engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    
        return app.exec();
    }
    

    main.qml

    import QtQuick 2.5
    import QtQuick.Controls 1.4
    import QtQuick.Dialogs 1.2
    
    ApplicationWindow {
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
        property url soundUrl;
    //    property var pcmDataM:new Array();
        property var pcmDatastr:AudioData.pcmData
    
        ListModel{
            id:dataModel
        }
    
        onPcmDatastrChanged: {
            try{
                if(dataModel.count===0)
                    return;
                var jdata=JSON.parse(pcmDatastr).data;
                for(var a=0;a<jdata.length;a++){
                    dataModel.setProperty(a,"pcmdata",jdata[a]);
                }
    
            }
            catch(e){
                console.log(e);
            }
        }
    
        id:mainwin
        Component.onCompleted: {
            for(var a=0;a<257;a++){
                dataModel.append({"pcmdata":0});
            }
        }
    
        menuBar: MenuBar {
            Menu {
                title: qsTr("文件")
                MenuItem {
                    text: qsTr("&打开MP3文件")
                    onTriggered: {
                        mdialog.open();
                    }
    
                }
            }
        }
    
    
        FileDialog{
            id:mdialog
            folder: shortcuts.home
            nameFilters: [ "Sound files (*.mp3)" ]
            onAccepted:{
                soundUrl=mdialog.fileUrl;
                AudioData.setSource(soundUrl.toString().substring(8,soundUrl.toString().length));
                AudioData.playMusic();
            }
        }
    
        Row{
            anchors.bottom: parent.bottom
            anchors.horizontalCenter: parent.horizontalCenter
            Repeater{
                model: dataModel
                delegate: Rectangle{
                    width: mainwin.width/dataModel.count
                    height: pcmdata*mainwin.height/255
                    color:Qt.rgba(index/257,Math.abs(257-index)/257,Math.abs(257-index)/257,1)
                    anchors.bottom: parent.bottom
    //                radius: width/2
    //                border.width:1
    //                border.color:"#ffff12"
                    Rectangle{
                        width:parent.width
                        height:1
                        color:"#454545"
                    }
    
                    Behavior on height{
                        PropertyAnimation{
                            properties: "height"
                            duration: 70
                        }
                    }
                }
            }
        }
    
    }
    

    代码就不解释了,没有过多的逻辑,libzplay那部分看不懂的就自行在libzplay官网看文档吧,我也是用了半天时间搞了一下下。



  • @tommego 这个可是独家技术哦,我可要好好学习,以后播放音乐的时候,加上频谱,那可多炫酷了!



  • @jiangcaiyang 哈哈,要是能找到qt自带的库来实现就好了,这样就能跨平台


 

最近的回复

  • 0_1539655233041_329385492.jpg
    各位大家好哦。
    经过一个晚上对论坛的维护更新,我们成功地将论坛更新到最新的版本。这次的版本更新主要是提升了稳定性,因此功能上和原来的一样,请大家放心,不会出现奇怪的东西什么的啦。然后呢,由于提升了稳定性,因此论坛不会莫名其妙地出现未响应的情况,总之比以前好就对啦。

    此外,论坛新增了自己研制的一个分享的插件:nodebb-plugin-share-sns-cn。这个插件呢,主要是做主流社交网站的分享的。目前暂时支持QQ、微博以及微信的分享。目前初版是1.0。

    希望大家常常来论坛玩~

    阅读更多
  • 发一些二次元妹子图吧。谁叫我有时候也挺无聊的呢~
    0_1539486167719_119.jpg

    阅读更多
  • 0_1539445819168_123.jpg
    各位大家好!
    又有一段时间啦。我们的萌梦动作编辑器又进行更新啦!☺ ☺
    这次的更新呢,主要是完善了一下自动构建系统。也就是说为了持续构建并且能够给到爱好者可用并且稳定的软件,我们做了很多的努力,其中一点就是制作了脚本进行持续构建,以前要花很多很多的时间对动作编辑器进行构建,现在呢,没有那么复杂了。简简单单地数个批处理操作,即可快速构建咱们的动作编辑器,使得从代码到产品只需要十几分钟即可完成,比以前的速度节省了90%的时间,可谓神速!这套系统已经成功地应用到Windows平台线上了,现在基本可以做到每日构建的水平。而且为每次构建专门准备了pdb文件,即一旦用户运行动作编辑器出现了问题,可以通过程序调试数据库定位到问题的位置,从而提升服务的水平,想想这对于我一直坚持的萌梦这款产品来说算是革命性的操作呢。

    当然现在这套系统只能应用在Windows线上,Mac OS X这条线是我接下来努力的方向,也希望能够实现Mac这条线的每日构建效果。然后Linux平台也比较重要,想起Linux开发应该比Windows等等要方便,所以我想难度比Windows的要小很多,甚至比Mac OS X的都要小。总之路途还很遥远,加油努力吧!

    这次的Windows版本已经成功地在Windows的安装包中进行测试,同时提供在线的和离线的安装包。下面就是这些安装包的github下载地址。

    Windows在线安装包
    Windows离线安装包

    阅读更多
  • 手动给一个赞!!☺ 🤗
    0_1539264026793_好美的图啊.jpg

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔