草庐IT

前端video-player

全部标签

记:vite3+vue3+axios前端项目跨域问题解决【前端和服务器nginx配置】

前言:什么是跨域,网上一搜一大把,所以这里直接跳过,直入主题。处理方式:不通过后端处理跨域,通过前端+服务器nginx处理。1.前端涉及处理跨域的必要配置(开发环境、生产环境):vite3、vue3、axios2.服务器涉及处理跨域的配置(生产环境):nginx【主要用到其配置文件nginx.conf】3.配置开发环境【跟目录下分别创建:.env.development、.env.production】        .env.development内容如下:VITE_APP_PROXY_BASE_API='/proxyCustomerApi-dev'        .env.producti

前端网页国际化 translate.js,高效率翻译,傻瓜式教学

先实验一下什么?你不信? 那先简单实验一下吧,首先我们随便打开一个网站,然后F12——>检查——>控制台,复制以下代码,回车即可varhead=document.getElementsByTagName('head')[0];varscript=document.createElement('script');script.type='text/javascript';script.src='https://res.zvo.cn/translate/inspector_v2.js';head.appendChild(script);选择一个语种,就翻译成功了 ok实战开始在网页底部加上以下代码

ios - AVMutableCompositionTrack 始终在添加水印后将 Portrait Video 旋转为 Landscape

从最近2天开始,我一直在为AVMutableCompositionTrack挠头,在我的例子中,它拍摄的是纵向视频,但在添加水印后它变成了横向。这是我的代码:AVURLAsset*videoAsset=[[AVURLAssetalloc]initWithURL:[[NSBundlemainBundle]URLForResource:@"Sample"withExtension:@".mp4"]options:nil];AVMutableComposition*mixComposition=[AVMutableCompositioncomposition];AVMutableCompos

ios - 如何在 iOS 8 的全屏模式下在 UIWebView Player 中接收通知?

我想在UIWebView中以全屏模式播放视频后做一些事情。因此,我需要来自UIWebView的消息以全屏进入和退出全屏。在iOS7中,我通过以下内容收到通知:[[NSNotificationCenterdefaultCenter]addObserver:selfselector:@selector(VideoEnterFullScreenHere:)name:@"UIMoviePlayerControllerDidEnterFullscreenNotification"object:self.view.window];[[NSNotificationCenterdefaultCente

2023 年顶级前端工具,你都用了哪些呢?

谁不喜欢一个好的前端工具?在本综述中,您将找到去年流行的有用的前端工具,它们将帮助您加快开发工作流程。让我们深入了解一下!在过去的12个月里,我在我的时事通讯 WebToolsWeekly[1] 中分享了数百种工具。我为前端和全栈开发人员提供了大量实用的库、帮助程序和其他有用的东西。这些工具涵盖许多类别,包括JavaScript库和实用程序、Web框架、CSS生成器、数据库工具、React组件、CLI工具,甚至 ChatGPT 和基于AI的工具,后者是我在过去一年中开始定期介绍的工具。本文中的60个工具是我的时事通讯中2023年点击次数最多的Web开发人员工具。正如您将看到的,其中大多数对于前

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。今天给大家介绍的一款组件:前端Vueuni-appApp/小程序/H5通用tree树形结构图,阅读全文下载完整组件代码请关注微信公众号:前端组件开发效果图如下:cc-treeChart使用方法importLEchartfrom'@/uni_modules/lime-echart/components/l-ec

vue最强table vxe-table 虚拟滚动列表 前端导出

vxe-table是一个功能强大的Vue表格组件,它支持虚拟滚动列表作为其核心功能之一。下面是vxe-table的虚拟滚动列表功能的使用场景和优势:使用场景大数据量展示:当表格需要展示大量数据时,传统的表格渲染方式可能会导致页面卡顿、滚动不流畅等问题。虚拟滚动列表通过只渲染可见区域内的数据,大大提高了渲染性能,使得大数据量的展示变得更加流畅。移动端和性能受限环境:在移动端设备或性能受限的环境中,资源通常较为紧张。虚拟滚动列表通过减少不必要的DOM操作和内存占用,优化了性能,提供了更好的用户体验。固定列与表头:在需要固定列或表头的复杂表格布局中,虚拟滚动列表能够确保固定部分与滚动部分的正确对齐和

Spring Cloud Feign MultipartFile文件上传踩坑之路(包含前端文件上传请求、后端文件保存到aliyun-oss文件服务器)

SpringCloudFeignMultipartFile文件上传踩坑之路总结一、前端文件上传文件上传组件用的是ant-design的a-upload组件,我的界面如下所示:文件上传请求API:FileUtils.jsimportaxiosfrom"axios"constuploadApi=({file,URL,onUploadProgress})=>{constformData=newFormData()formData.append('file',file)returnaxios.post(URL,formData,{headers:{'Content-type':'multipart/f

关于“前端已死”“JAVA“已死的言论

随着人工智能和低代码的崛起,“前端已死”的声音逐渐兴起。前端已死?尊嘟假嘟?快来发表你的看法吧!以下方向仅供参考。此为内容创作模板,在发布之前请将不必要的内容删除一、为什么会出现“前端已死”“JAVA"已死的言论首先,AI的崛起使得开发者们面对更多的选择和挑战。机器学习和自然语言处理等AI技术的应用,使得开发者们可以更轻松地构建智能化的应用。这一趋势引发了对传统前端开发的思考,有人开始质疑前端技术在这个新时代是否仍然占据重要地位。其次,AI的发展助推了全栈开发的兴起。现代应用程序不再仅仅关注用户界面,而是更加强调全方位的技术能力。开发者们不再局限于前端,而是更加注重全栈技能的培养。在这种趋势下

Web前端JS如何获取 Video/Audio 视音频声道(左右声道|多声道)、视音频轨道、音频流数据

写在前面:根据Web项目开发需求,需要在H5页面中,通过点击视频列表页中的任意视频进入视频详情页,然后根据视频的链接地址,主要是.mp4文件格式,在进行播放时实时的显示该视频的音频轨道情况,并实时的将各音频轨道数据以可视化(峰值电平/响度跳表)的形式展现出来。实现效果关键技术在Web浏览器中,想要获取多媒体文件的相关数据信息,需要借助对应的API来完成,比如获取视音文件的音频信息,就需要用到WebAudioAPI,通过该API我们可以轻松做到播放声音、获取声音数据,修改声音数据、甚至还可以制造声音。🚀WebAudioAPIWebAudioAPI提供了在Web上控制音频的一个非常有效通用的系统,