moment/src/qml/Chat/Timeline/EventMediaLoader.qml

import QtQuick 2.12
import "../../Base"
import "../../utils.js" as Utils

HLoader {
    id: loader
    x: eventContent.spacing


    property QtObject info
    property url mediaUrl

    readonly property var imageExtensions: [
		"bmp", "gif", "jpg", "jpeg", "png", "pbm", "pgm", "ppm", "xbm", "xpm",
		"tiff", "webp", "svg",
    ]

    readonly property var videoExtensions: [
        "3gp", "avi", "flv", "m4p", "m4v", "mkv", "mov", "mp4",
		"mpeg", "mpg", "ogv", "qt", "vob", "webm", "wmv", "yuv",
    ]

    readonly property var audioExtensions: [
        "pcm", "wav", "raw", "aiff", "flac", "m4a", "tta", "aac", "mp3",
        "ogg", "oga", "opus",
    ]

    readonly property int type: {
        let main_type = info.media_mime.split("/")[0].toLowerCase()

        if (main_type === "image") return EventDelegate.Media.Image
        if (main_type === "video") return EventDelegate.Media.Video
        if (main_type === "audio") return EventDelegate.Media.Audio

        if (info.event_type === "RoomMessageFile")
            return EventDelegate.Media.File

        let ext = Utils.urlExtension(mediaUrl)

        if (imageExtensions.includes(ext)) return EventDelegate.Media.Image
        if (videoExtensions.includes(ext)) return EventDelegate.Media.Video
        if (audioExtensions.includes(ext)) return EventDelegate.Media.Audio

        return EventDelegate.Media.Page
    }

    readonly property url previewUrl: (
        type === EventDelegate.Media.File ||
        type === EventDelegate.Media.Image ?
        info.thumbnail_url : ""
    ) || mediaUrl


    onPreviewUrlChanged: {
        print( mediaUrl)
        if (type === EventDelegate.Media.Image) {
            var file  = "EventImage.qml"
            var props = { source: previewUrl, fullSource: mediaUrl }

        // } else if (type === EventDelegate.Media.File) {
        //     var file  = "EventFile.qml"
        //     var props = {
        //         thumbnailUrl: previewUrl,
        //         fileUrl:      mediaUrl,
        //         fileTitle:    info.media_title,
        //         fileSize:     info.media_size,
        //     }

        // } else if (type === EventDelegate.Media.Video) {
        //     var file  = "EventVideo.qml"
        //     var props = { source: mediaUrl }

        // } else if (type === EventDelegate.Media.Audio) {
        //     var file  = "EventAudio.qml"
        //     var props = { source: mediaUrl }

        } else { return }

        loader.setSource(file, props)
    }
}