首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏cloud stdio

    uniapp视频分享预览小程序

    六一收到个不同以往的需求,我的指导老师最近有点忙,让我们帮忙做一个可以通过二维码预览视频的小程序 收到需求后,因为只是临时用一下,不打算写一套完整的系统,所以大概的思路就是,其他成员将视频通过ftp传入我的服务器上 ,我通过uniapp视频路径写死在index页面上,跳转时将url中的参数传入到下一个页面即可,视频播放页面通过拼接路径最后得到完整的src资源文件,在写入data完成渲染即可,同理在点击生成二维码时将参数带着去新的页面进行处理 click="jump(item.url)">观看</button> <button class="b-btn b-btn-blue b-btn-sm" style="margin-left: <em>10</em>rpx url=<em>10</em>.mp4"}, {"name":"中国天眼技术介绍","url":"/pages/video/video? 资源渲染后即可直接播放,这部分的代码找了好久,起初以为uniapp没有支持网页播放的能力,需要用第三方的。

    1.3K20编辑于 2023-08-08
  • 来自专栏快乐阿超

    uniapp对接oss视频上传+压缩

    console.error } console.log(options) uni.uploadFile(options) }).catch(console.error) } } 然后是视频上传 res.size }, { contentType: 4 }); // } // }); // } // }); console.log('视频大小

    11K61编辑于 2022-08-21
  • Uniapp视频去水印解析工具开发实现

    最近搞了一个有意思的小工具——短视频去水印解析器!这玩意儿可以把短视频中的水印给抹掉,还能提取视频、封面等资源。整个项目用了 Uniapp 开发,做完后体验了一下,发现还挺顺手。 ; padding: 20rpx; background-color: #f5f5f5;}.input-box { width: 100%; height: 60rpx; padding: 10rpx ; border: 1px solid #ccc; border-radius: 10rpx; margin-bottom: 10rpx;}.action-button { width: 45% ; height: 60rpx; background-color: #007aff; color: #fff; border-radius: 10rpx;}样式设计保持简洁,让用户可以愉快地使用 下面是效果展示:总结整个过程还是蛮顺畅的,主要是借助了 Uniapp 和现成的视频解析 API 来实现短视频去水印解析的核心功能。

    64400编辑于 2024-11-14
  • 来自专栏繁依Fanyi 的专栏

    Uniapp视频去水印解析工具开发实现

    最近搞了一个有意思的小工具——短视频去水印解析器!这玩意儿可以把短视频中的水印给抹掉,还能提取视频、封面等资源。整个项目用了 Uniapp 开发,做完后体验了一下,发现还挺顺手。 padding: 20rpx; background-color: #f5f5f5; } .input-box { width: 100%; height: 60rpx; padding: 10rpx ; border: 1px solid #ccc; border-radius: 10rpx; margin-bottom: 10rpx; } .action-button { width : 45%; height: 60rpx; background-color: #007aff; color: #fff; border-radius: 10rpx; } 样式设计保持简洁 下面是效果展示: 总结 整个过程还是蛮顺畅的,主要是借助了 Uniapp 和现成的视频解析 API 来实现短视频去水印解析的核心功能。

    46100编辑于 2025-02-16
  • 来自专栏前端

    uniApp 实现微信小程序和app视频播放flv格式视频监控

    测试要在真机测试,微信开发者工具不能测试 video 支持 App平台: 支持本地视频(mp4/flv)、网络视频地址(mp4/flv/m3u8)及流媒体(rtmp/hls/rtsp)。

    3.4K10编辑于 2024-03-19
  • 来自专栏WooCommerce

    woocommerce shop开发中高频使用的10代码

    在WooCommerce开发中,代码是非常实用的工具,可以快速在页面、文章或小工具中嵌入电商功能。 以下是10个常用的WooCommerce代码及其用途:产品展示代码[products]功能:展示产品列表,可通过参数筛选(如分类、数量、排序等)示例:[products limit=”4″ category =”clothing” orderby=”popularity”]购物车代码[woocommerce_cart]功能:显示购物车页面内容,包括已添加商品、数量调整和结算按钮结账页面代码[woocommerce_checkout ]功能:显示结账表单,包括收货地址、付款方式等我的账户代码[woocommerce_my_account]功能:显示用户账户页面,包括订单历史、地址管理等产品搜索代码[woocommerce_product_search ]功能:添加产品搜索框产品分类代码[product_categories]功能:展示产品分类列表示例:[product_categories number=”6″ parent=”0″]单个产品代码

    43500编辑于 2025-08-02
  • uniapp微信小程序完美实现下载视频功能

    简单介绍 基于 uni-app 开发的微信小程序下载视频功能 下载视频 简单写法 uni.downloadFile({ url: 'http://wxsnsdy.tc.qq.com/105/20210 '下载成功', icon: 'success', }) } }) } }) 这种写法有点问题, 第一 如果视频文件过大 或者网络状态不佳, 没有提示,不知道当前下载进度,不友好 第二 当响应头中 content-type 为以下 值时 Content-Type: application/octet-stream ios 端下载视频会有问题 uni.showToast({ icon:'loading', mask:true, title: res.progress + "%" }) } 第二个问题 兼容 苹果端小程序视频下载 ) 3.需要用到小程序的 获取全局唯一的文件管理器的api getFileSystemManager 4.还有删除文件的api FileSystemManager.unlink 具体实现 // 下载视频

    2.6K20编辑于 2024-06-20
  • 来自专栏h5

    uniapp仿抖音App界面|uni-app小视频

    Uni-liveshow直播室是一个基于vue+Nvue+uniapp技术开发的集仿制抖音小视频/App聊天/直播功能混合项目。可实现类似抖音上下滑动切换视频播放,支持编译到多端。 效果展示: 未标题-1.png 技术栈: 编辑器+技术:HBuilderX + vue/NVue/uniapp/vuex iconfont图标:阿里字体图标库 自定义导航栏 + 底部Tabbar 弹窗组件 e.titleBarHeight // #endif } }) }, } </script> uniapp 仿抖音实现 uniapp+swiper+nvue技术实现仿抖音界面上下滑动切换视频效果,并且有点赞、评论及商品等功能,可以单击、双击判断。 placeholder/cart-img1.jpg', price: 9.90 }, { name: '10

    9.9K125发布于 2019-11-15
  • 来自专栏媒矿工厂

    视频技术10大进展@2020

    媒矿工厂盘点了本年度视频技术的一些代表性技术,总结成以下10个方面。 1.新一代视频编码标准正式公布 ? /21/networking-traffic/how-facebook-is-bringing-quic-to-billions/ 【10】https://blog.chromium.org/2020/ 10/chrome-is-deploying-http3-and-ietf-quic.html 5.视频流媒体核心技术ABR算法研究平台及新Benchmark ? 此外,ITU-T今年也推出了新一代流媒体无参考视频质量评估模型P.1204,适用于H.264、H.265和VP9编码的UHD/4K、60fps、10bit视频序列,该模型可以部署在分发系统中的任何位置, https://arxiv.org/pdf/1912.13458.pdf 【5】Fawkes,https://www.shawnshan.com/files/publication/fawkes.pdf 10

    1.8K40发布于 2021-01-11
  • 来自专栏h5

    Uni-APP高仿抖音|uniapp直播+小视频+聊天实例

    项目概况 uniapp-ttLive 一款使用uni-app+uview-ui开发的跨端短视频/直播聊天项目。 image.png 运用技术 编辑器/技术:HbuilderX3.1.21+Uniapp+Nvue+Vuex UI组件库:uView-ui / uni-ui 矢量图标库:iconfont字体图标 弹窗组件 uniapp自定义组件uaNavbar+uaTabbar uaPopup全新支持nvue弹窗组件 image.png uapopup针对uniapp视频直播项目开发的一款全端弹窗组件。 uni-app跨平台自定义弹窗组件 uni-app直播/短视频 项目中直播/短视频页面整体分为顶部导航区域、视频区域、底部菜单栏区域三个部分。 开发抖音短视频/直播聊天项目就分享到这里了。

    4.9K01发布于 2021-09-23
  • 来自专栏澜极美颜SDK

    Uniapp+腾讯云音视频:一对一视频交友美颜SDK原生插件封装技巧

    在社交类应用开发中,一对一视频交友功能对实时性和画面质量要求极高。如何通过Uniapp框架高效集成音视频能力,并封装美颜SDK原生插件以提升用户体验,是开发者需要解决的核心问题。 一、Uniapp与音视频服务的架构融合Uniapp的跨端特性简化了开发流程,但与原生音视频服务的结合需突破两大瓶颈:跨平台兼容性:不同操作系统(iOS/Android)对音视频采集、编码的底层实现差异大 解决方案:分层架构设计:将业务逻辑(如房间管理、信令交互)放在Uniapp层,音视频采集、美颜处理等性能敏感模块通过原生插件实现。统一接口封装:定义跨平台的JavaScript API,屏蔽底层差异。 跨平台通信机制Uniapp与原生插件通过JSON格式数据交互,需解决数据序列化性能问题:批量操作合并:将连续的美颜参数调整(如多次滑动调节美白值)合并为一次原生调用,减少通信开销。 结语Uniapp与音视频服务的融合需平衡开发效率与性能表现,而原生插件封装是突破性能瓶颈的关键。通过模块化设计、动态资源管理和硬件加速等手段,可实现高质量美颜与流畅音视频的共存。

    15800编辑于 2026-06-03
  • 来自专栏Qt项目实战

    Qt编写安防视频监控系统10-视频轮询

    一、前言 视频轮询在视频监控系统中是一个基础的核心功能,尤其是上了大屏以后,这个功能是必须的,根据预先设定的轮询间隔逐个加载视频到预先设定的通道画面数中,轮询间隔、轮询画面数、轮询采用的码流类型(主码流 摄像机通过同轴视频电缆将视频图像传输到控制主机,控制主机再将视频信号分配到各监视器及录像设备,同时可将需要传输的语音信号同步录入到录像机内。 双击摄像机节点自动播放视频,双击节点自动依次添加视频,会自动跳到下一个,双击父节点自动添加该节点下的所有视频。 摄像机节点拖曳到对应窗体播放视频,同时支持拖曳本地文件直接播放。 视频拖动到通道窗体外自动删除视频。 鼠标右键可删除当前+所有视频,截图当前+所有视频。 录像机管理、摄像机管理,可添加删除修改导入导出打印信息,立即应用新的设备信息生成树状列表,不需重启。 默认超过10秒钟未操作自动隐藏鼠标指针。 高度可定制化,用户可以很方便的在此基础上衍生自己的功能,支持linux系统。

    2.1K40发布于 2019-08-21
  • UniApp移动端开发 vs 原生开发:全面对比分析

    优势 UniApp 劣势 原生优势 原生劣势 开发成本 一套代码多端发布,开发成本低、周期 复杂功能需原生插件支持,插件生态有限 性能极致,功能完全可控 需分别开发,成本高、周期长 性能表现 普通页面性能良好 帧率稳定、内存占用低、动画流畅 — 用户体验 体验接近原生,部分场景稍逊 某些交互无法完全贴合平台规范 完全贴合平台设计,交互流畅 — 生态与扩展 丰富的组件和插件,支持条件编译 深度原生能力(如AR、音视频 推荐使用UniApp的场景 // 1. 高性能要求应用 const suitableForNative = [ '大型游戏应用', // 需要极致性能 'AR/VR应用', // 需要深度硬件访问 '视频编辑工具 UniApp与原生混合方案 // 1.

    1.2K10编辑于 2025-11-30
  • 来自专栏猫头虎博客专区

    使用UniApp实现视频数组自动下载与播放功能:一步步指导

    使用UniApp实现视频数组自动下载与播放功能:一步步指导 猫头虎博主摘要 你好,我是猫头虎博主!最近,我收到了一个关于如何在UniApp中实现视频数组的自动下载和播放功能的问题。 这是一个很有意思的话题,尤其对于那些想要为他们的UniApp应用增加视频播放功能的开发者来说。所以,我决定深入研究这个话题,并为大家带来这篇全面的指导。 如果你正在搜索“UniApp视频下载与播放”、“UniApp视频教程”或其他相关内容,那么你来对地方了! 引言 在移动应用开发中,视频播放是一个常见的需求。 而在UniApp这个跨平台开发框架中,如何优雅地实现视频的下载和播放呢?让我们一起探索! 正文 1. 视频数组的定义 首先,你需要定义一个数组来存储你的视频链接。 下载视频的基础知识 在UniApp中,我们可以使用uni.downloadFile API来下载文件。这个API是非常强大的,不仅支持视频,还支持其他类型的文件。

    1.3K10编辑于 2024-04-09
  • 来自专栏半月无霜

    10分钟AI工具助你从需求到uniapp开发

    '#795548' }, { name: '交通', amount: 12, icon: 'shop', color: '#607D8B' }, { name: '零食', amount: 10

    78230编辑于 2025-03-29
  • 来自专栏云深之无迹

    Sony-QX10 Python 连接读取视频

    Sony 相机API官网资料合集 Sony QX10 相机预告 就是这么个东西,牛逼的狠 装手机上 装好啦 WiFi连接实时传输 有个老哥用QX10拍的珠穆朗玛峰,还是挺能打的 在API 的页面,QX10和QX100放在一起,我不知道两个的代码可以混合使用吗? 完整的函数和类集合 把显示的工作单独拿出来 在api的里面可以看到我吗感兴趣的API 第一个方法,预览画面: 结尾方法 json的例子 执行之后的回复信息 错误代码 我们先写一个关于获取视频流的方法  保留 : 114[B]  全部固定,0x00 大概就是这样的,先看看头是不是合适的头,然后把下面的读了  把这个开始视频流的命令给get_payload()这个函数 在此 这个函数是仿照 strurl 然后给了打开视频流 然后下面就是解码的工作了 从相机得到数据,给了解码的方法 这个解码的方法解出来视频的数据给了下面得方法 显示,Numpy的库进行数据的变换,接着传给了我们的cv2

    1.3K20发布于 2021-11-12
  • 来自专栏DotNet 致知

    EF Core 3.1 入门视频-10 执行原生SQL

    http://mpvideo.qpic.cn/0bf2qmbh6aacleaoeg3mgvpvfa6dp6bqe7ya.f10002.mp4?dis_k=361051a3b4994e09e862108

    73220编辑于 2022-03-29
  • 来自专栏yeedomliu

    《PMP精讲视频》第10章 沟通管理

    10章 沟通管理 ---- 1 有效的沟通 定义:以正确的形式、在正确的时间把信息提供给正确的受众,并且使信息产生正确的影响 正确的形式 正确的时间 把信息提供给正确的受众 使信息产生正确的影响 项目经理在工作当中要用 75%——90%的时间用在沟通上,项目当中很多挫折、矛盾、效率低其实最终都是因为沟通不畅造成的 沟通管理的过程 10.1 规划沟通管理:定义团队沟通规则,如多久开一次会,我们是以书面还是见面沟通,视频会议还是面对面开

    1.4K21发布于 2020-02-17
  • 来自专栏生信宝典

    生信分析Python实战练习 10 | 视频28

    ATAAGGTGCATCTAGTGCAGATA >ESB_3_x100 TGAGGTAGTAGTTTGTGCTGTTT >ESB_4_x4 TCCTACGAGTTGCATGGATTC 简化的序列匹配程序 (map.py) 把short.fa中的序列比对到ref.fa, 输出序列匹配到ref.fa文件中哪些序列的哪些位置。 (10分) find 用到的知识点 输出格式 (输出格式为bed格式,第一列为匹配到的染色体,第二列和第三列为匹配到染色体序列的起始终止位置(位置标记以0为起始,代表第一个位置;终止位置不包含在内,第一个例子中所示序列的位置是 第4列为序列自身的序列.)。 附加要求:可以只匹配到给定的模板链,也可以考虑匹配到模板链的互补链。这时第5列可以为序列的名字,第六列为链的信息,匹配到模板链为’+’,匹配到互补链为’-‘。

    35810编辑于 2023-09-27
  • 来自专栏h5

    最新原创uniapp-vue3-osadmin手机版后台管理系统

    技术知识点编码工具:HbuilderX 4.75技术框架:uniapp+vue3+vite5+pinia2UI组件库:uni-ui+uv-ui(uniapp vue3组件库)弹框组件:uv3-popup default: true }, }) // 自定义变量(桌面图标) const deskVariable = ref({ '--icon-radius': '10px uniapp+vue3自定义加强版table表格组件uni-vue3-table:基于uniapp+vue3全端通用自定义加强版table组件。 +vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端ai模板vue3.5+deepseek网页版ai流式对话 flutter3.27+getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例tauri2.0+rust+vue3电脑版Exe聊天软件

    67910编辑于 2025-08-25
领券