更新记录

1.0(2025-05-09) 下载此版本

1.初始化


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
Android:4.4,iOS:9,HarmonyNext:不确定 × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

cj-video 插件使用说明

uniappx

    import {
        getVideoPic,
        getNetWorkPic,
        callVideoFrameInfo
    } from "@/uni_modules/cj-video"
    getVideoPic("本地视频地址", 2) //参数是本地文件地址和视频截取的第几秒图片,返回base64图片
    getNetWorkPic("网络视频地址",0)/参数是本地文件地址和视频截取的第几秒图片,返回base64图片

    IOS获取视频封面只能用callVideoFrameInfo方法

uniapp

    import {
        getVideoPic,
        getNetWorkPic,
        callVideoFrameInfo
    } from "@/uni_modules/cj-video"
    getVideoPic("本地视频地址", 2) //参数是本地文件地址和视频截取的第几秒图片,返回base64图片
    getNetWorkPic("网络视频地址",0)/参数是本地文件地址和视频截取的第几秒图片,返回base64图片

    IOS获取视频封面只能用callVideoFrameInfo方法

<template>
    <view class="content">
        <image class="logo" :src="imgsrc"></image>
        <button @click="getlocal">获取本地视频封面</button>
        <button @click="getNetwork">获取网络视频封面</button>
    </view>
</template>

<script>
    import {
        getVideoPic,
        getNetWorkPic,
        callVideoFrameInfo
    } from "@/uni_modules/cj-video"

    export default {
        data() {
            return {
                imgsrc: "",
                netWorkPath: "https://stream7.iqilu.com/10339/article/202002/18/02319a81c80afed90d9a2b9dc47f85b9.mp4"
            }
        },

        methods: {
            getlocal() {
                getVideoPic("", 0)
            },
            getNetwork() {
                var sss = getNetWorkPic(this.netWorkPath,0)
                this.imgsrc = sss;
            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        justify-self: center;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        /* margin-top: 200rpx; */
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问