微信小程序免费《短视频去水印》

于 2024-08-16 22:10:09 发布
阅读量124 收藏 2
点赞数 2
文章标签： 微信小程序 音视频 uni-app go
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenronglong20/article/details/141270815
版权

分享一个uniapp开发的微信小程序免费《短视频去水印》小程序

请添加图片描述
在这里插入图片描述

<template>
	<view class="content">
		<view class="area-wrap">
			<textarea name="" v-model="state.content" maxlength="800" id="" cols="30" rows="10" placeholder-class="plc"
				placeholder="请输入分享链接/分享内容"></textarea>
			<view class="count">
				{{state.content.length}}/800
			</view>
		</view>
		<uv-row customStyle="margin-bottom: 10px" justify="end">
			<uv-col span="3">
				<uv-button :text="state.content?'清空':'粘贴'" @click="clearOrpaste"></uv-button>
			</uv-col>
			<uv-col span="3" offset="1">
				<uv-button :disabled="state.resolved" :text="state.content?'开始解析':'粘贴并解析'" type="primary"
					@click="startAnalyzing"></uv-button>
			</uv-col>
		</uv-row>
		<view class="wrap">
			<view v-if="state.result.video_url">
				<view class="title">无水印视频</view>
				<video :src="state.result.video_url"></video>
				<uv-button style="margin-top: 20rpx;" type="primary" text="" @click="saveVideo(state.result.video_url)">
					<text class="iconfont icon-download"></text>
					<text>保存视频</text>
				</uv-button>
			</view>
			<view v-if="state.result.title">
				<view class="title">标题</view>
				<view class="title-content">{{state.result.title}}</view>
				<uv-button style="margin-top: 20rpx;" type="primary" text="" @click="copy(state.result.title)">
					<text class="iconfont icon-copy"></text>
					<text>复制标题</text>
				</uv-button>
			</view>
			<view v-if="state.result.cover_url">
				<view class="title">封面</view>
				<image @click="preview(state.result.cover_url)" class="cover_url" :src="state.result.cover_url"
					mode="aspectFill"></image>
				<uv-button icon-color="#fff" style="margin-top: 20rpx;" type="primary" text=""
					@click="saveImg(state.result.cover_url)">
					<text class="iconfont icon-download"></text>
					<text>保存封面</text>
				</uv-button>
			</view>

		</view>
	</view>
</template>

<script setup>
import {
		getCurrentInstance,
		reactive,
		watch
	} from "vue"
	import {
		onLoad,
		onShareAppMessage,
		onShareTimeline
	} from "@dcloudio/uni-app"
	const {
		proxy,
		appContext
	} = getCurrentInstance()
	const {
		req
	} = appContext.config.globalProperties;
	const {
		toast,
		containsURL
	} = appContext.config.globalProperties._;
	const state = reactive({
		content: "",
		result: {
			cover_url: "",
			title: "",
			video_url: "",
			resolved: false
		}
	})
	watch(() => state.content, val => {
		if (val == "") {
			state.resolved = false
		}
	})
	onShareAppMessage(() => {
		return {
			title: "轻便短视频去水印",
			path: "/pages/index/index"
		}
	})
	onShareTimeline(() => {
		return {
			title: "轻便短视频去水印",
			path: "/pages/index/index"
		}
	})

	async function startAnalyzing() {
		if (state.resolved) return
		if (!state.content) {
			let data = await getClipboardData()
			if (data) {
				state.content = data
			}
		}
		if (!state.content) return toast("分享内容不能为空")
		const isUrl = containsURL(state.content)
		if (!isUrl) return toast("分享地址格式错误")
		uni.showLoading({
			title: "解析中...",
			mask: true
		})
		req.get("/video/share/url/parse", {
				params: {
					url: state.content
				}
			})
			.then(res => {
				uni.hideLoading()
				state.resolved = true
				const {
					cover_url,
					title,
					video_url
				} = res
				state.result.cover_url = cover_url
				state.result.title = title
				state.result.video_url = video_url
			})
	}

	function getClipboardData() {
		return new Promise((resolve, reject) => {
			uni.getClipboardData({
				success: function(res) {
					resolve(res.data)
				},
				fail() {
					reject(data)
				}
			});
		})

	}

	function clearOrpaste() {
		if (state.content) {
			// 清除操作
			state.content = ""
			state.resolved = false
		} else {
			// 粘贴操作
			uni.getClipboardData({
				success: function(res) {
					state.content = res.data
				}
			});
		}

	}

	function copy(content) {
		uni.setClipboardData({
			data: content,
			success() {
				toast("已复制")
			}
		})
	}

	function saveVideo(val) {
		uni.showLoading({
			title: "保存中..."
		})
		const downloadTask = uni.downloadFile({
			url: val,
			success(res) {
				uni.saveVideoToPhotosAlbum({
					filePath: res.tempFilePath,
					success(e) {
						toast("保存成功", "success")
					},
					fail(err) {
						if (err.errMsg == "saveVideoToPhotosAlbum:fail auth deny") {
							uni.showModal({
								title: "提示",
								content: "需要您授权保存相册",
								confirmText: "点击授权",
								success(res) {
									if (res.confirm) {
										uni.openSetting({
											success: setting => {
												if (setting.authSetting['scope.writePhotosAlbum']) {
													uni.showModal({
														title: '提示',
														content: '获取权限成功,再次点击下载即可保存',
														showCancel: false,
													})
												} else {
													uni.showModal({
														title: '提示',
														content: '获取权限失败，将无法保存到相册哦',
														showCancel: false,
													})
												}
											}
										})
									}
								},
							})
						} else {
							toast("保存失败")
						}
						req.post("/bugReport", {
							method: "saveVideoToPhotosAlbum",
							data: res.tempFilePath,
							error: JSON.stringify(err),
						})
					}
				})
			},
			fail(err) {
				req.post("/bugReport", {
					method: "downloadFile",
					data: val,
					error: JSON.stringify(err)
				})
				toast("保存失败")
			}
		})
		downloadTask.onProgressUpdate((res) => {
			// console.log('下载进度' + res.progress);
			if (res.progress >= 100) {
				uni.hideLoading()
			}
		});
	}

	function saveImg(val) {
		uni.downloadFile({
			url: val,
			success(res) {
				uni.saveImageToPhotosAlbum({
					filePath: res.tempFilePath,
					success() {
						toast("保存成功", "success")
					},
					fail(err) {
						if (err.errMsg == "saveImageToPhotosAlbum:fail auth deny") {
							uni.showModal({
								title: "提示",
								content: "需要您授权保存相册",
								confirmText: "点击授权",
								success(res) {
									if (res.confirm) {
										uni.openSetting({
											success: setting => {
												if (setting.authSetting['scope.writePhotosAlbum']) {
													uni.showModal({
														title: '提示',
														content: '获取权限成功,再次点击下载即可保存',
														showCancel: false,
													})
												} else {
													uni.showModal({
														title: '提示',
														content: '获取权限失败，将无法保存到相册哦',
														showCancel: false,
													})
												}
											}
										})
									}
								},
							})
						} else {
							toast("保存失败")
						}
						req.post("/bugReport", {
							method: "saveImageToPhotosAlbum",
							data: res.tempFilePath,
							error: JSON.stringify(err)
						})
					}
				})
			},
			fail(err) {
				req.post("/bugReport", {
					method: "downloadFile",
					data: val,
					error: JSON.stringify(err)
				})
				toast("保存失败")
			}
		})
	}

	function preview(url) {
		uni.previewImage({
			urls: [url]
		})
	}
	</script>

<style lang="scss">
	.iconfont {
		margin-right: 20rpx;
		font-size: 40rpx;
	}

	.title-content {
		border-radius: 5rpx;
		padding: 10rpx;
		width: 100%;
		box-sizing: border-box;
		border: 1rpx dashed #999;
		margin-bottom: 20rpx;
	}

	.cover_url {
		width: 100%;
		height: 600rpx;
	}

	video {
		width: 100%;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		margin: 40rpx 0;
		padding-left: 30rpx;
		position: relative;

		&::before {
			content: "";
			position: absolute;
			width: 14rpx;
			height: 40rpx;
			background-color: $theme-color;
			left: 0;
			top: 50%;
			border-radius: 10rpx;
			transform: translateY(-50%);
		}
	}

	.plc {
		font-size: 28rpx;
	}

	.area-wrap {
		background-color: #fff;
		width: 100%;
		padding: 20rpx;
		padding-bottom: 10rpx;
		border-radius: 5rpx;
		box-sizing: border-box;
		margin-bottom: 20rpx;

		textarea {![请添加图片描述](https://i-blog.csdnimg.cn/direct/714d26ef190e4715a33978b157197fd3.png)

			font-size: 28rpx;
			width: 100%;
		}

		.count {
			margin-top: 10rpx;
			font-size: 24rpx;
			color: #999;
			text-align: right;
		}
	}

	page {
		padding: 24rpx;
		box-sizing: border-box;
	}
</style>
chenronglong20
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
短视频去水印小帮手微信小程序源码带后台
05-28
《短视频去水印小帮手微信小程序源码与服务端详解》 在当前的数字化时代，短视频已经成为人们日常生活中不可或缺的一部分。然而，许多短视频平台为了保护版权，会在视频上添加水印，这使得用户在分享或下载时面临...
简约短视频去水印加图片多样化加水印微信小程序源码
05-29
这是一个关于短视频去水印和图片加水印生成的一个小程序源码，支持一键粘贴去除各大平台的短视频水印、支持保存无水印短视频、支持保存无水印封面和一键复制文案； 另外支持多样化的图片加水印功能各种自定义、安装...
微信小程序图集短视频去水印源码教程
qq_41200621的博客
12-14 1614
去水印逻辑 调用免费api接口，输入框，用户提交视频链接进行解析，视频链接跳转展示视频（点击可下载），标题（点击可复制），封面链接（可复制链接），图集链接跳转展示图集，遍历循环出来图片（点击可下载），显示标题（点击可复制），背景音乐链接（可复制链接）。
视频去水印，去水印微信小程序，短视频去水印微信小程序，免费去除视频水印
qq_35751296的博客
06-01 3353
分享一个快速去水印的微信小程序，不用下载安装 使用方便，关键是免费使用无限次数！！ 小程序功能： 支持全网一百多个平台的短视频去水印下载，修改视频MD5，视频伪原创 支持批量解析快手，抖音用户所有作品下载，支持快手图集解析。 使用说明：复制短视频链接打开小程序就可以用了。 ...
微信小程序短视频去水印解析
热门推荐
编程改变人生
02-28 1万+
小程序体验 微信小程序搜索：短视频去水印解析 下载源码：https://pan.baidu.com/s/1C9nKrINXX34Zdf7VcuO3mw 博主微信：feter_weixin 加博主微信获取源码 js var services = require('../../lib/service') var ReceiverOptions = null; Page({ d...
2024年，我写了一个视频去水印的微信小程序
猿小白的博客
04-01 687
小程序的主要功能是对目前的主流视频平台的视频进行去水印处理。项目难点在于收集各个平台的去水印解析接口，或者解析规则，然后编写成统一的API接口，以便于小程序调用。总体来说，这个小程序功能很简单，所需要写的内容很少，毕竟是小程序嘛，功能实用就行了，在不影响功能的使用的前提下，越简单反而是越好的。
短视频去水印微信小程序源码（前端+后端） 短视频微信小程序去水印解析源码带搭建（教程）
qq_57331890的博客
03-27 520
这个是我照着教程搭建出来的，感兴趣的可以看一看。觉得界面什么的可以的话，可以下载部署试试。橘猫去水印小程序最新1.0.5版本。
基于JavaScript开发的短视频去水印微信小程序源码.zip
09-21
基于JavaScript开发的短视频去水印微信小程序源码.zip基于JavaScript开发的短视频去水印微信小程序源码.zip基于JavaScript开发的短视频去水印微信小程序源码.zip基于JavaScript开发的短视频去水印微信小程序源码.zip...
微信小程序短视频去水印6月最新版本.rar
05-25
总的来说，这个压缩包提供了一个完整的微信小程序去水印解决方案，包括前端UI和后端接口调用的代码。开发者可以根据自身需求进行定制，无论是接口的替换还是UI的设计，都能满足不同场景下的应用需求。不过，值得注意...
微信小程序短视频去水印_短视频解析源码.zip
08-15
这个压缩包文件“微信小程序短视频去水印_短视频解析源码.zip”包含了一套用于去除短视频水印并进行解析的源代码。下面将详细探讨相关知识点。 1. **微信小程序开发**：微信小程序采用WXML（WeiXin Markup Language...
uniapp--微信小程序无网络提示组件页面
heavenz19的博客
08-13 219
【代码】uniapp--微信小程序无网络提示组件页面。
微信小程序骨架屏
djjdjdjdjddjjdjd的博客
08-16 182
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
微信小程序--27（自定义组件4）
最新发布
qq_57464528的博客
08-16 397
1、属性绑定用于父组件向子组件的只当属性设置数据，但只能设置JSON兼容的数据2、事件绑定用于子组件向父组件传递数据，可以传递任意数据3、获取组件实例父组件还可以通过this.select Component()获取子组件的实例对象，这可直接访问子组件的任意数据和方法。
APP上架苹果App Store被拒原因及解决方案
08-13 231
App Store审核是非常严格的，很多很多APP，并不是能够一次上架成功，大部分APP都会被驳回修改，重新提交上架。如果应用完全符合上架标准，那么根据APP的差异，部分APP会在48小时内审核，部分APP可能需要更长的时间。提前测试产品是否有bug，和在IPV6网络下是否能使用等，根据提供邮件，一个个审查自身产品信息是否符合，适当情况下可以发送截图视频给苹果官方以证明自己的清白。苹果官方商店的审核大致分为三部分：预审、机审和人工审核，审核流程包括：初步提交、审核队列、审核过程、结果通知等步骤。
微信小程序的广告变现收益怎么样？
08-08 579
要提高小程序的广告收益，需要不断优化小程序的用户体验，增加小程序的流量和用户粘性，选择合适的广告主和广告形式，并合理设置广告位，才能最大化地提高广告收益。通过小程序的推广，可以扩大小程序的用户群体，从而提高小程序的流量和用户粘性。但是广告是大数据随机的，会根据用户的行为习惯去优化，所以一个爱玩游戏的人点击你的广告，你赚的就多，相反一个不爱花钱多人，点你广告钱就少。小程序的广告收益取决于多种因素，例如小程序的流量、广告主的类型和广告位的数量等。小程序的广告形式包括激励广告、横幅广告、插屏广告等。
基于微信小程序的课堂考勤系统的设计与实现(论文+源码)_kaic
涉及毕业论文、远程调试、小程序、管理系统、JAVA、C#、IDEA、VS开发工具等
08-16 573
基于微信小程序的课堂考勤系统的设计与实现摘 要 在高校教育普及的今天，学生人数日益增多，为保证课堂质量，教师多要在课前进行考勤。因此本设计提出基于微信小程序的课堂考勤系统，增加了定位功能，避免了“假打卡”、代打卡等情况，在监督学生上课的同时，增进了出勤率的精确性与可信性。本文提出了基于微信小程序的课堂考勤系统，使用Windows操作系统、后端技术使用Java语言、SpringBoot框架进行搭建与编写前端技术采用Vue、使用MySQL作为数据库、数据库工具采用Navicat、开发工具选择IDEA服务器
Taro+Vue 创建微信小程序
weixin_45580774的博客
08-16 118
此时也不要慌，查看报错信息可以知道是版本冲突问题，他也告诉你了执行。主要创建项目会遇到一些版本冲突问题或者权限问题，其他没啥。报错原因，全局安装需要通过管理员身份进行。最终效果：顺利安装完成！此时不要慌，自己去执行。
uniapp 微信小程序生成水印图片
全易
08-16 628
技术栈：camera、canvas
短视频去水印+外卖cps体系微信小程序源码
09-09
短视频去水印外卖CPS体系微信小程序源码是一种用于提供去除短视频中的水印和管理外卖CPS体系的微信小程序的程序代码。 首先，短视频去水印功能是指通过该源码，用户可以方便地上传短视频，然后自动去除视频中的水印，使得视频更加原汁原味。该功能可以帮助用户制作更具创意的短视频内容，提升视频的质量。 其次，外卖CPS体系管理功能是指通过该源码，用户可以打开小程序后，进入一个外卖CPS体系管理的界面。在这个界面上，用户可以查看各个外卖CPS合作方的信息，包括合作方的名称、联系方式、分成比例等。用户还可以随时添加或删除合作方，以便管理外卖CPS体系的成员。 此外，该微信小程序源码还提供了其他相关功能，例如订单管理、财务统计等。用这个源码开发一个微信小程序，可以方便地创建一个短视频去水印和外卖CPS体系管理的平台，帮助用户管理外卖CPS体系，并为用户提供方便的去水印服务。 总之，短视频去水印外卖CPS体系微信小程序源码是一种提供短视频去水印和外卖CPS体系管理功能的程序代码，可以帮助用户制作高质量的短视频，同时方便地管理外卖CPS体系。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值