import { Row } from "components";

import ReactPlayer from 'react-player'

export const AudioVideo = ({

    file,

    ...props

}: {

    file: {

        fileUrl: string;

        fileName?: string;

        fileType?: "mp4" | "ogg" | "aac" | 'mp3' | 'mkv' | 'pdf';

        kbAvatar?: "音视频";

        kbName?: string;

        score?: number;

        [key: string]: any;

    }

    [key: string]: any;

}) => {

    const { fileUrl, fileType } = file;

    if (!fileUrl || !(

        fileType === "mp4"

        || fileType === 'mp3'

        || fileType == 'mkv'

        || fileType === "aac"

        || fileType === "ogg"

    )) return null;

    //  return <Row>{fileType}文件类型不受支持播放或文件路径无效。</Row>;

    return (

        <Row {...props}>

            <ReactPlayer

                width='100%'

                height='auto'

                url={fileUrl}

                controls={true}

                loop={true}

                onError={() => console.error("文件加载失败，请检查文件路径。")}

            />

        </Row>

    )

}

微信小程序中嵌入H5中 ，ios音视频播放，在安卓手机播放没有问题，但是在ios 上播放mp3格式和mkv格式播放不兼容不播放，mp4格式播放没有问题。