Question

我在qml上制作了一个简单的播放列表播放器。我的意思是有一个Audio播放器在文件夹中播放扩展名为.mp3的文件。但这个＆＃34;播放列表播放器＆＃34;假定整个文件夹为播放列表。所以我将播放列表文件夹的路径作为程序的命令行参数给出，例如。 ./playlist_player /home/user/playlist-folder和程序在播放列表文件夹文件夹中播放整个mp3。但由于qml不能理解asterisk（*）之类的野蛮人，我使用QDir来查找mp3的名称以找到mp3的名称，并使用这里描述的方法将这些字符串暴露给qml {{} 3}}。所以我有一个QObject派生的类名FileNames，它有Q_PROPERTY(QStringList mp3List READ mp3List)。所以在FileNames的构造函数上，我查找命令行中给出的路径，并检测扩展名为.mp3s和push_back的文件到FileNames::mp3List的路径。在main.cpp上，我在实例化FileNames对象后实例化一个QQuickView对象，并将FileNames对象传递给Qml端，并使用QQmlContext::setContextProperty成员函数。

一切正常，直到我需要列表中的mp3数量来遍历next函数，该函数在qml端增加index值列表。我知道我可以公开另一个属性来传递mp3List的计数，但我最终得到的解决方案可能不是最好的本地解决方案。

这是我写的代码;

/* filenames.h */

class FileNames : public QObject {
    Q_OBJECT
    Q_PROPERTY(QStringList mp3List READ mp3List)
    Q_PROPERTY(int mp3ListCount READ mp3ListCount)
public:
    explicit FileNames(QObject *parent = 0);

    QStringList mp3List() const;
    int mp3ListCount() const;
private:
    QStringList m_mp3List;
    int m_mp3ListCount;
};

/* filenames.cpp */

FileNames::FileNames(QObject *parent) :
    QObject(parent), m_mp3ListCount(0)
{
    QString path("/home/user/music/");
    QDir dirname(path);
    QStringList dir = dirname.entryList();

    for (const auto &file : dir)
        if (file.endsWith(".mp3")) {
            m_mp3List.push_back("file://" + path + file);
            ++m_mp3ListCount;
        }
}

QStringList FileNames::mp3List() const
{
    return m_mp3List;
}

int FileNames::mp3ListCount() const
{
    return m_mp3ListCount;
}

/* main.cpp */

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);

    FileNames names;

    QQuickView view;

    view.engine()->rootContext()->setContextProperty("names", &names);

    view.setSource(QUrl(QStringLiteral("qrc:///main.qml")));

    view.setResizeMode(QQuickView::SizeRootObjectToView);

    view.showFullScreen();

    return app.exec();
}

/* Playlist.qml */

Item {
    id: root

    property int index: 0
    property MediaPlayer mediaPlayer
    property variant list;
    property int listCount;

    function setIndex(i)
    {
        console.log("setting index to: " + i);
        index = i;
        if (index < 0 || index >= listCount) {
            index = 0;
            mediaPlayer.source = "";
        }
        mediaPlayer.source = list[index];
    }

    function next()
    {
        setIndex(index + 1);
    }

    function previous()
    {
        setIndex(index + 1);
    }

    Connections {
        target: root.mediaPlayer

        onStopped: {
            if (root.mediaPlayer.status == MediaPlayer.EndOfMedia)
            {
                root.next();
                root.mediaPlayer.play();
            }
        }
    }
}

/* main.qml */

Rectangle {
    id: root

    width: 1024
    height: 600

    color: "black"

    Playlist {

        id: playlist

        mediaPlayer: player

        list: names.mp3List
        listCount: names.mp3ListCount
    }

    MediaPlayer {
        id: player
    }

    VideoOutput {
        anchors.fill: parent

        source: player
    }
}

所有人都有更多的原生解决方案来制作一个＆＃34; playlist_player＆＃34;申请Qt？

更新 - ＆gt;

所以现在我正在使用FolderListModel但似乎这个类在没有视图的情况下无法正常工作。我想因为它异步工作。这是我的代码如何;

/* Playlist.qml */
Item {
    id: root

    property int index: 0
    property MediaPlayer mediaPlayer
    property FolderListModel fm

    function setIndex(i)
    {
        index = i;
        console.log("setting index to: " + i);
        index %= fm.count;
        mediaPlayer.source = "file://" + fm.get(index, "filePath");
        console.log("setting source to: " + mediaPlayer.source);

    }

    function next()
    {
        setIndex(index + 1);
    }

    function previous()
    {
        setIndex(index + 1);
    }

    Connections {
        target: root.mediaPlayer

        onStopped: {
            if (root.mediaPlayer.status == MediaPlayer.EndOfMedia) {
                root.next();
                root.mediaPlayer.play();
            }
        }
    }
}

/* main.qml */
Rectangle {
    id: root
    width: 1024
    height: 600
    color: "black"

    property bool onStart: true

    Playlist {
        id: playlist
        mediaPlayer: player

        fm: FolderListModel {
            id: fm
            folder: "file:///home/user/music"
            showDirs: false
            showDotAndDotDot: false
            nameFilters: ["*.mp3"]
            property bool ready: count > 0
            // startup initialization;
            onReadyChanged: if (player.status == MediaPlayer.NoMedia) {
                                playlist.setIndex(0);
                                player.play();
                            }
        }
    }

    MediaPlayer { id: player }

    VideoOutput {
        anchors.fill: parent
        source: player
    }
}

谢谢你，新浪。

Answer 1

FolderListModel QML类型将满足您的需求。它支持名称过滤等。

Answer 2

在需要与C ++代码集成时，在QML中使用C ++类型或定义上下文属性是完全正确的。 C ++自然地扩展了QML的可能性，只需要理解何时需要C ++后端类或用C ++编写的新QML类型。有关此主题的进一步讨论，请查看this other answer。

鉴于上面链接的答案和播放列表组件的生命周期，使用QML类型而不是上下文属性将是正确的选择。但是，如上所述，QML已经为您提供了正确的组件：FolderListModel。在您的情况下，它可以很容易地定义如下：

FolderListModel {
    id: folderModel
    nameFilters: ["*.mp3"]
    showDirs: false
    folder: "file:" + /* CPP PROVIDED PATH */
}

并且您可以使用get函数根据count属性查询列表中的下一个mp3。

一个很大的好处是，FolderListModel 会监听文件夹中的文件更改，以便您不需要检查文件添加/去除。最后，但并非最不重要的是，FolderListModel可以轻松集成到GUI实现中，并将其用作ListView的模型。有关示例，请参阅here。

附录

如OP所述，FolderListModel异步工作。这是一种常见的行为，因为在组件初始化期间进行所有检查可能会导致长时间启动（特别是对于充满文件的目录）。 FolderListModel跟踪文件系统时没有跟踪属性的情况，因为文件系统检查是连续的，所以也没有意义。添加bool属性可能有所帮助，如下所示：

FolderListModel {
    id: fm
    folder: "..."
    showDirs: false
    showDotAndDotDot: false
    nameFilters: ["*.mp3"]
    property bool ready: count > 0
}

当ready为真时（因为已添加mp3或初始扫描已完成），可以触发播放器。显然，可以添加其他属性以改善模型的行为。

QML中的音频播放列表

2 个答案:

附录