更新记录

1.1.0(2022-10-25)

更新

1.0.8(2022-10-25)

增加示例工程

1.0.7(2022-10-25)

更新

查看更多

平台兼容性

阿里云 腾讯云 支付宝云
×

云函数类插件通用教程

使用云函数类插件的前提是:使用HBuilderX 2.9+


成品演示【橘猫去水印】

成品仅做演示,本插件功能为传入分享链接,解析出视频信息,不包含成品源码 Alt

使用方法

1.引入并部署到云空间

1、使用HBuilderX 3.4.0+,因为要使用到uni_modules

2、下载本插件后,找到 /uni_modules/get-video/uniCloud/cloudfunctions, 右键上传部署

2.调用解析方法

uniCloud.callFunction({
    name: 'fanmo',
    data: {
        // 传入抖音或快手的分享链接
        url: 'https://v.douyin.com/jDr53KR/'
    }
}).then(res => {
    console.log(res.result)
}).catch(err => {})

3.获得的结果

{
    "result": {
        "code": 200, // 200 是成功
        "data": {
            "author_nick": "果冻是只可爱猫呀",
            "avatar_avatar": "https://p5.a.yximgs.com/uhead/AB/2021/09/10/10/BMjAyMTA5MTAxMDI0NDZfMTA4ODQyNjY0MF8yX2hkODVfNTYz_s.jpg",
            "cover": "https://p5.a.yximgs.com/upic/2022/03/27/11/BMjAyMjAzMjcxMTI2NDBfMTA4ODQyNjY0MF83MDU3MTg5NDkzN18xXzM=_Bd0f861abb2797a5e2d67de7167fc110c.jpg?tag=1-1661172577-xpcwebfeatured-0-orxqw2syx0-c8a0a8b7d572578d&clientCacheKey=3xqqv58thk9x7fa.jpg&di=b65ada12&bp=10004",
            "title": "还会有人喜欢福福吗 #猫咪 #快手有萌猫 #萌宠",
            // 如果是解析图集的话,这里返回的是 images 而不是 video 字段 (快手图集暂时解析不了)
            "video": "https://v2.kwaicdn.com/upic/2022/03/27/11/BMjAyMjAzMjcxMTI2NDBfMTA4ODQyNjY0MF83MDU3MTg5NDkzN18xXzM=_b_B57ebd749aa282fc5d52896741fe1d061.mp4?pkey=AAXbSETvdU7fssbxBmoerb_05dVAEFkV7QIzWvrafWyx96gqvDqX-Xj3FIkJrjiiX5OSD7nvRdiLLq3XPkIqByvYeZg8iRuOrfyeWSib_eUGnjMFWDXmo4zKhoqE95VqRy8&tag=1-1661172577-xpcwebfeatured-0-tmj8hi3psb-4afea619d85048d2&clientCacheKey=3xqqv58thk9x7fa_b.mp4&tt=b&di=b65ada12&bp=10004"
        },
        "msg": "解析成功"
    }
}

4.不懂咋上传示例工程,请直接复制下方代码然后运行到微信小程序测试吧

<template>
    <view class="content">
        <input type="text" class="title" placeholder="请粘贴链接" v-model="shareUrl">

        <button @click="getVideo">解析</button>

        <!-- !!!!!    请运行到微信小程序测试,才能播放视频     !!!!-->
        <!-- !!!!!    请运行到微信小程序测试,才能播放视频     !!!!-->
        <!-- !!!!!    请运行到微信小程序测试,才能播放视频     !!!!-->

        <!-- 视频 -->
        <video :src="videoUrl" v-if="videoUrl != ''" style="width: 100%;"></video>

        <!-- 图集 -->
        <image :src="item" mode="" v-for="(item,index) in imageUrl" v-if="imageUrl.length > 0"></image>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                // shareUrl: 'https://v.douyin.com/jPXHpup/',     // 图集测试链接
                // shareUrl: 'https://v.douyin.com/M9uw4VQ/',     // 视频测试链接1
                shareUrl: 'https://v.douyin.com/jDr53KR/',        // 视频测试链接2

                videoUrl: '',
                imageUrl: []
            }
        },
        onLoad() {},
        methods: {
            getVideo() {

                // <!-- !!!!!    请运行到微信小程序测试,才能播放视频     !!!!-->
                // <!-- !!!!!    请运行到微信小程序测试,才能播放视频     !!!!-->
                // <!-- !!!!!    请运行到微信小程序测试,才能播放视频     !!!!-->

                let _this = this
                uniCloud.callFunction({
                    name: 'fanmo',
                    data: {
                        url: this.shareUrl
                    },
                    success(res) {
                        console.log(res.result)
                        var videoData = res.result

                        // 200 解析成功
                        if (videoData.code == 200) {
                            console.log("解析成功")
                            if (videoData.data.hasOwnProperty('images')) {
                                // 解析返回是图集
                                _this.imageUrl = videoData.data.images
                            } else {
                                // 解析返回视频链接
                                _this.videoUrl = videoData.data.video
                            }
                        }
                    },
                    fail(error) {
                        console.log(error)
                    }
                });
            }
        }
    }
</script>

<style>
    .content {
        text-align: center;
    }

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

重要提示

本代码仅供学习, 由使用人自行承担因此引发的一切法律责任,插件作者不承担法律责任。

联系作者

有不懂的、或者需要最新全部源码(包括前端)的可以加QQ1441532328(备注uniapp)

隐私、权限声明

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

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

插件不采集任何数据

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

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