草庐IT

前端video-player

全部标签

VUE——IDEA 启动前端工程VS文件启动前端工程

IDEA启动前端目录前言一、打开控制台二、输入npminstall三、依赖下载完之后,输入npmrundev,运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程四、点击http://localhost:8080后续敬请期待前言启动已有的vue前端项目一、打开控制台选中前端工程,右键,点价下图按钮二、输入npminstall输入npminstall下载依赖三、依赖下载完之后,输入npmrundev,运行前端项目1、IDEA启动前端工程2、文件目录启动前端工程找到文件目录,在地址输入cmd,回车输入npmrundev,回车即可四、点击http://localhost:8080运行成功之后

前端做了快零年了,盘点一下我的前端技术栈(快乐抄袭^_^)

刚刚看了这篇文章:前端做了快两年了,盘点一下我的前端技术栈-掘金(juejin.cn)很火的样子我也来蹭个热点吧前言原文这位博主是刚毕业,我是今年六月要毕业,正在找工作,大概各方面的见解要更差一些(毕竟是来蹭热点的)个人技术栈前端:Vue、React、Nuxt、TS、小程序、UniAPP、原生安卓、RN后端:PHP、Spring全家桶、Node后端Vue和React我觉得直接看原博主的就好了,Vue和React确实都非常优秀(Vue2个人感觉差劲一些),如果是还没有学习框架的朋友我个人建议直接学React,虽然React的有些语法什么的我很讨厌,但是我觉得比Vue更复杂更精巧,学会React后

用 RemoteDebug iOS Webkit 在 Chrome DevTools 中调试iOS/iPadOS设备的前端页面

目录前言RemoteDebugiOSWebKit适配器Windows系统:1.安装scoop主程序(已安装可忽略此步骤)1.1首次安装(非管理员运行)1.2更换scoop镜像库地址2.为scoop添加新bucket2.1安装git程序(已安装可忽略)2.2添加extras库2.3bucket的语法及如何添加第三方库2.4代理(可选)3.安装软件3.1安装ios-webkit-debug-proxy3.2安装vs-libimobile3.3安装remotedebug-ios-webkit-adapter4.调试4.1运行remotedebug-ios-webkit-adapter4.2打开谷歌/

前端怎么监听手机键盘是否弹起

摘要:开发移动端中,经常会遇到一些交互需要通过判断手机键盘是否被唤起来做的,说到判断手机键盘弹起和收起,应该都知道,安卓和ios判断手机键盘是否弹起的写法是有所不同的,下面讨论总结一下两端的区别以及上线方式~HTML:IOS端可以通过focusinfocusout实现window.addEventListener('focusin',()=>{//键盘弹出事件处理alert("ios键盘弹出事件处理")});window.addEventListener('focusout',()=>{//键盘收起事件处理alert("ios键盘收起事件处理")})安卓只能通过resize来判断屏幕大小是否发

React和vue等前端html页面引入自定义字体文件,更改页面字体样式

font-family中列出的是几乎适用于所有计算机的网络安全字体,如:Arial/Helvetica/Georgia/TimesNewRoman等。但是如果想要一些特别的字体,可以从外部网站中找到并下载,然后在代码中引入。网页自带的字体没有很多,有时候想使用我们自己的字体文件去修改网页字体效果,就可以使用这种方法。需要提前准备自己的字体文件。以下是一些获取字体的网站:fontsquirrel.comfonts.commyfonts.com首先需要在网站上挑选合适的字体并下载到本地,这里我选用了一种很火的免费字体:opensans,在fontsquirrel.com中找到并下载。将下载好的ot

Intel Quick Sync Video(QSV)(快速视频同步)介绍

参考文章:英特尔®快速视频同步(QuickSyncVideo)技术-英特尔®官网文章目录IntelQuickSyncVideo(IntelQSV)介绍1.IntelQSV概述2.工作原理3.主要特性3.1高效的视频处理3.2广泛的格式支持3.3实时处理能力4.使用IntelQSV的应用案例4.1视频转码软件4.2游戏直播和录制软件5.疑难技术点解析:如何在FFmpeg中使用IntelQSV6.结论IntelQuickSyncVideo(IntelQSV)介绍1.IntelQSV概述IntelQuickSyncVideo(QSV)是由Intel开发的专门用于视频编码和解码的技术。这项技术从San

前端性能优化 — 保姆级 Performance 工具使用指南

性能分析一直是前端er们津津乐道的话题;而俗话说得好:工欲善其事,必先利其器;说到前端性能,就少不了性能分析的利器—— Performance 😎;我想各位前端小伙伴,在使用Chrome浏览器 DevTool 时或多或少都有留意到这个面板吧?图片今天我们就迈开性能分析的第一步,来探究一下 Performance 这个强大的工具。文章中提到的 Performance 面板,以Chrome118版本为参考。Performance面板我们打开 Performance 面板:图片我把 Performance 面板大概划分为操作区、设置区、报告区三块区域:操作区:主要用于性能分析的开启、关闭、性能报告的

uniapp视频倍速播放插件,uniapp视频试看插件——sunny-video使用文档

sunny-video视频倍速播放器组件名:sunny-video效果图img1img2img3img4平台差异说明目前已应用到APP(安卓、iOS)、微信(小程序、H5)其它平台未测试安装方式本组件符合easycom规范,HBuilderX2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components。uni-app插件市场链接——https://ext.dcloud.net.cn/plugin?id=11982基本用法APP端需要配置manifest.json>App模块配置勾选VideoPlay(视频播放)App端:3.6.1

【前端学习记录】vue中使用el-upload组件时,上传文件进度条没有实时更新

文章目录问题背景原理及可尝试方案查文档this.$forceUpdate();问题背景今天在项目中遇到一个问题,使用el-upload组件时,上传文件进度条没有实时更新,需要手动点击一下才会更新。原理及可尝试方案el-upload组件默认的进度条是通过Ajax请求上传文件,并且进度条通过监听xhr.upload的progress事件来实时更新。但是,有些浏览器在处理进度事件时可能会存在问题,导致进度条不会实时更新。如果进度条没有实时更新,可以尝试使用el-upload组件提供的on-progress事件来手动更新进度条。具体做法是在on-progress事件处理函数中,将上传进度值赋给进度条的

前端vue页面实时播放海康威视监控视频 3种方法

用于web播放海康威视rtsp://admin:ca123456@192.168.64.82:554//Streaming/Channels/1格式的视频。注意:前2个目前都在windows上使用,服务器安装部署多多少少有些问题,如果急需解决则直接看第3个方法。1、WebRtcStreamergithub:https://github.com/mpromonet/webrtc-streamer/releases但是经常打不开,如果有需要私信我,因为太忙了没时间放网盘,见谅里面有windows版也有linux版的在本地使用,进入exe目录 启动,默认是8000 打开测试 默认是index.htm