更新记录

1.0.2（2022-02-14）

-修复ios端云打包报错问题 -提供seek方法跳转到指定位置播放

1.0.1（2022-02-11）

1.0.0（2022.02.11）

• 实现基础播放功能，支持 url 和 fileId 参数播放
• 支持常用播放事件监听

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

腾讯云点播播放器

简介

此插件基于 腾讯云点播播放器 ，基于腾讯云点播超级播放器二次开发实现，项目地址: SuperPlayer_Android，SuperPlayer_IOS。

插件ID

dykt-LitePlayer

使用

原生插件只能在 nvue 页面中使用。

<litePlayer appId="1500005696" :videoId="{fileId: '3701925921299637010'}"></litePlayer>

props

interface LitePlayerProps {
    /** 腾讯云 appId */
    appId: number
    /** 视频标题 */
    title?: string
    /** 
     * 直接使用URL播放
     * 支持 RTMP、FLV、MP4、HLS 封装格式
     */
    url?: string
    /**
     * 腾讯云点播 File ID 播放参数
     */
    videoId?: {
        /** 腾讯云视频fileId */
        fileId: string
        /** v4 开启防盗链必填 */
        pSign: string
        /** HLS EXT-X-KEY 加密key */
        overlayKey?: string
        /** HLS EXT-X-KEY 加密Iv */
        overlayIv?: string
    }
    /** 是否自动播放 */
    autoPlay?: boolean
    /** 倍速选项 */
    speeds?: number[]
    /** 视频封面 */
    poster?: string
    /**.全屏状态改变 */
    fullscreenchange?: (event: {
        detail: {
            active: boolean
        }
    }) => void
    /** 播放进度回调 */
    timeupdate?: (event: {
        detail: {
            /** 当前播放时间点（秒） */
            current: number
            /** 视频总时长（秒） */
            duration: number
        }
    }) => void
    /** 播放回调 */
    play?: () => void
    /** 暂停回调 */
    pause?: () => void
    /** 播放完成回调 */
    end?: () => void
}

api

interface LitePlayerMethods {
    /** 退出全屏 */
    exitFullscreen: () => void
    /**
     * 移动到指定位置播放
     * @param position 秒
     */
    seek: (position: number) => void
}

调用方式

<template>
    <litePlayer
        ref="litePlayer"
        appId="1500005696"
        :videoId="{fileId: '3701925921299637010'}"
    ></litePlayer>
</template>
<script>
    export default {
        onLoad() {
            this.$refs.litePlayer.seek(100)
        }
    }
</script>