做 web 自动化的时候,我们希望用例失败了能截图,这是之前用 selenium 写 ui 自动化用例的时候经常遇到的问题。 cypress 可以说是业界良心了,不仅帮我们失败的时候自动截图保存下来,还把每个用例都录制成了mp4的小视频,方便追踪问题的时候回放视频
前段时间有给大家分享一个Electron跨端仿QQ聊天,今天带来最新研发的Electron短视频|直播应用。
| 导语 随着短视频兴起,音视频技术已经越来越火热,或许你之前有了解过如何在前端处理音视频,但随着视频文件的逐渐增大、用户体验要求的不断提高,纯前端处理音视频的技术也推成出新。下面将结合实际案例,讲解如何使用 FFmpeg 和 WebAssembly 实现前端视频截帧。文章较长,也非常硬核,建议先收藏再慢慢看。 背景 腾讯课堂涨知识创作者后台,目前主要通过邀请合作老师来平台上发布视频。上传视频的同时,需要对视频进行截帧生成推荐封面,生成规则比较简单,根据视频总时长,平均截取 8 帧。用户可以从其中选择一张
Next.js 是基于 React.js 服务端渲染的SSR 开发框架。让你的网页瞬间拥有SEO功能。
DPlayer 是一个支持弹幕的 html5 视频播放器。支持 Bilibili 视频和 danmaku,实时视频(HTTP Live Streaming,M3U8格式)以及 FLV 格式。
背景 由于开发之前做的VisualDrag拖拽模板优化的时候,拖拽进去的图片、视频文件等需要进行截图作为封面,目前采用的截图方法是htme2canvas,使用canvas进行的截图操作,所以就会遇到这样的问题,视频和图片图床简单的使用标签加入canvas画布里面无法正确的截图成功。最后采取的措施就是将图片转为base64画入canvas,将视频截取第一帧图片,然后画进canvas,最后进行截图,最后经过折腾,这个方法好像成功了,写这篇博客进行记录下。 JS截取视频第一帧 截取视频的第一帧作为视频的封面
有空实验后贴代码。参考文档里有解决预加载音视频,以及获取截图的技巧,文章内容提到跨域资源的解决方法。
基于EasyPlayer的研究基础,TSINGSEE青犀视频进一步顺应互联网视频行业发展的需求,研发了H265网页播放器EasyWasmPlayer.js,在4.2.0版本之后的EasyNVR视频平台已经可以支持自主选择播放器了。
前言 上周六有个群友@我说Gitee的反馈模块新增了截图功能,我就去体验了下,发现他们用的就是我的插件😁,本文就跟大家分享下这个插件,欢迎各位感兴趣的开发者阅读本文。 插件地址与实现原理 本插件采用原生js实现,可以集成在任意一个web项目中,插件npm地址与GitHub地址请移步: js-screen-shot(npm)[1] js-screen-shot(GitHub)[2] 插件的实现原理请移步: 实现Web端自定义截屏[3] 实现Web端自定义截屏(JS版)[4] 在线体验本插件,可移步我的开源项目
svelte3-chat 基于svelte.js+svelteKit+Sass开发的仿微信界面聊天实战项目。
今年的FIFA世界杯甚是精彩,最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室,该h5聊天室采用750px全新伸缩flex布局,以及使用rem响应式配合fontsize.js,页面弹窗则是使用自己开发的wcPop.js插件;编辑器部分由原先的单一表情新增为动图表情,实现了消息、表情发送 | 大图、视频效果预览 | 仿微信红包、打赏等微交互功能。
我们都知道在直播系统开发完成后,就需要面临搭建直播平台的问题了,只有完成搭建部署,接入相关的三方接口,那么直播系统才能正常的运行。在进行视频直播间搭建时,我们常常会遇到域名更换的问题,那么域名更换应该怎么进行呢?
随着人们生活品质的提高,5G及手机硬件的快速发展,短视频/直播快速的成为了很多人的娱乐方式。
上周看到一个有趣的项目是使用Python+ADB做一个Python 抖音机器人 Douyin-Bot,自动翻页+颜值识别,自动点赞加关注,效果如下图,可以说是非常秀了。
TSINGSEE青犀视频的流媒体播放器EasyPlayer视频播放器,可支持H.264与H.265视频编码格式,性能稳定、播放流畅,还能支持RTSP、RTMP、HLS、FLV、WebRTC等视频流播放,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。目前TSINGSEE青犀视频的所有视频监控平台均使用的是EasyPlayer.js播放器,也是最受用户及开发者欢迎的一款H5流媒体播放器。
最近由于项目需求,利用h5+css3+zepto+wcPop等技术开发了一个仿微信聊天项目(仿微信聊天界面),可以实现发送消息、表情,预览图片、视频,红包打赏、霸屏等操作,聊天界面采用了flex弹性布局,弹窗则采用自己开发的wcPop.js插件(内置多种弹窗效果android、ios),整体界面精美,运行流畅。
在我们做视频开发的过程中,会遇到不少需求,其中视频截图就是一个比较常见的需求,因此TSINGSEE青犀视频不管是在设计视频平台还是视频播放器的时候,我们都会在原有开发的基础上对视频截图进行一些功能拓展。
此功能是一个客户定制的,主要是需要在地图上动态显示GPS的运动轨迹,有个应用场景就是一个带有监控的车子,实时在运动中,后台可以接收到经纬度信息,需要绘制对应的轨迹,相当于这些摄像机点位是动态移动的,这样就可以观测到摄像机的实时位置信息,双击摄像机还可以弹出画面实时预览,很直观。
基于微信小程序开发的聊天室实战案例。很早之前就有开发过一个h5版聊天室,最近又开发了个小程序版聊天室,功能效果非常接近微信聊天,实现了消息、表情发送,小程序表情解析,图片、视频上传预览,打赏、红包等功能。
nuxtjs是一个基于vue.js构建的服务端渲染框架。让你的网页也拥有SEO能力。只要是会vue,上手及非常简单了。
WordPress响应式免费主题,一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发,每天活人访问量500-800+IP,百度权重2,百度、Google收录链接突破1800+条,前后端完全独立制作,现主题作者Art_Blog开源给所有小伙伴免费使用!
electron-vchat客户端聊天实例是基于electron+vue+vuex+Node+vue-router等技术开发的仿制微信pc桌面聊天项目。实现了消息发送 /表情(光标处插入表情),图片 /视频预览,拖拽上传 /粘贴截图发送 /微信 dll 截图,右键菜单、朋友圈 /红包 /换肤等功能。
原理说明 辅助原理: 用adb获取手机截图并拉取到项目中 对图片进行二值化 根据棋子的RGB值获取当前位置 通过adb模拟屏幕点击 文末有推荐选择 开源列表 Prinsphield/Wechat_AutoJump 链接:Prinsphield/Wechat_AutoJump 说明:一个优秀的python项目;作者利用Opencv实现了图片的特征识别,并且在代码中实现了,根据调用命令区分安卓还是IOS,并进行相应的处理,根据项目代码分析,作者解析了跳一跳大部分的盒子图片,并利用到了游戏中的特定盒子加分的
目前我们TSINGSEE青犀视频所有的视频监控平台,集成的都是EasyPlayer.js版播放器,它属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,包括WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等,支持全平台、全终端播放,如Windows、Linux、Android、iOS,支持H.264与H.265编码,无须安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。
NPlayer 是一个高度可定制、支持移动端、功能强大的弹幕视频播放器。你可以自定义所有图标、主题色和每个控制项的位置,并且提供了内置组件方便二次开发。你可以自定义任意多个断点,不仅仅是兼容移动端,只要愿意,你可以非常轻松的兼容手机竖屏、手机横屏、平板等设备。弹幕系统是通过插件形式提供,使用时按需引入即可,弹幕系统支持非常多的设置,并且不限制后端实现,可以非常轻松就可以接入。NPlayer 还支持 IE 11,SSR,任何流媒体,直播等等。
展开 var __INLINE_SCRIPT__=function(){"use strict";var e=function(e,a,t){function i(e,a){var t=e.m
基于react+react-dom+react-router-dom+redux+react-redux+ant等技术开发的手机端仿微信界面聊天,实现了聊天记录下拉刷新、发送消息、表情(动图),图片、视频预览,打赏、红包等功能。
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在iOS上实现低延时直播等功能。
Selenium(思维导图) 目录 1、浏览器基本操作 2、元素查找方法 3、鼠标和键盘事件 4、窗口/iframe切换 5、select下拉框 6、弹框 7、JS处理(滚动条等) 8、框架 9、selenium常见异常 10、断言 11、cookie处理 12、显示等待 13、JS原生查找元素方法 14、思路集合 15、文件上传/下载 16、元素信息 1、浏览器基本操作 📷 2、元素查找方法 find_element_by_css_selector() 📷 find_element_by_xpath()
TSINGSEE青犀视频开发的EasyRTC总共由五部分软件组成:Web网页模块、手机APP模块、应用接口管理模块、视频直播转发模块和视频会议模块。
uniapp-ttLive 一款使用uni-app+uview-ui开发的跨端短视频/直播聊天项目。
之前分享过的chrome/edge扩展和油猴脚本都更新到我的博客上了https://blog-susheng.vercel.app/ ,今天再分享几个实用的chrome/edge扩展和油猴脚本。
我们不仅研发了很多视频流媒体服务器,对于一些播放器的需求者,我们也有EasyPlayer的视频流媒体播放器可以选择,目前EasyPlayerPro已经支持H265视频流的播放,EasyPlayer.js能够进行网页无插件的HLS视频流播放,极大方便了开发者在解决B/S型业务开发时遇到的播放器接入问题。
今天有幸请教了 记得诚、小麦大叔、SoWhat、程序猿学社 等十位博客专家,给大家推荐一些谷歌浏览器插件,让你的谷歌浏览器更实用,成为真正的生活办公小助手!
ssm开发的视频网站。本项目主要包括了视频展示和查询功能,用户中心,积分管理,管理员管理等功能。
哈喽,这边我用WordPress做了一个小程序,很适合做个人站以及博客的站长朋友,主要功能就是博客文章的展示,还有一些基本的评论功能跟点赞,收藏生成海报还有分享朋友圈功能。
基于vue+vuex+vue-router+webpack2.0+es6+wcPop+iconfont等技术开发的仿微信界面聊天室,之前使用h5开发过一版h5聊天室,实现了微信聊天功能、发送消息/表情,图片、视频预览,打赏、红包等功能。
注册完之后,请在群里将自己的群昵称改成你注册的 Github 账户名,方便检查学习情况和监督学习。
为了评选出将游戏和编程结合的最好的网站,我们对比了200多家类似站点。最终我们不负众望,精选出了12个最好的可以让你一边玩游戏一边学编程的网站。 Mybridge A.I. 综合了多种因素对内容的价值进行判定,从而决定到底这些网站对程序员的帮助有多大。 最终,我们找到了内容层次覆盖初中高阶程序员、语言类型包涵JS、Java、Python、PHP、C#同时真正开源、免费的这些网站。 Coding Games 一边玩游戏,一边挑战变成难题,同时还支持所有语言,你还要啥自行车? (译者注:原文提供了首页截图,
先声明一点,本文作者不是搜狗的 然后 只是从技术的角度探讨问题---- 目录 不明恶意攻击致<搜狗搜索><搜索结果>跳转<百度搜索>技术原理分析 目录 * 前提背景 * BS流量分析 * 继续分析 ---- 前提背景 最近我用搜狗的搜索的时候,就发现搜索结果会跳转到百度搜索,但是没注意,但是最近这个频率越来越高了之后,开始关注这个事,本人的这些分析只是抛砖引玉,欢迎更多的大神来加入分析 我们先看一段视频,这是我差不多一两个月之前录的,然后这个因为还原比较难(随机的因素),毕竟<黑产帝>也不是吃素的,所以我
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流。在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,并且已实现网页端实时录像、在iOS上实现低延时直播等功能,具备较高的可用性和稳定性。
目录 1、浏览器基本操作 2、元素查找方法 3、鼠标和键盘事件 4、窗口/iframe切换 5、select下拉框 6、弹框 7、JS处理(滚动条等) 8、框架 9、selenium常见异常 10、断
免费视频直播、点播H5播放器SkeyeWebPlayer使用常见问题1、用常见问题——配置iframe允许自动播放和全屏SkeyeWebPlayer播放器在PC上正常情况下单击播放器的全屏按钮是可以全屏播放的,在使用时如果用到了iframe时,全屏按钮就会失效,需要设置如下 webkitallowfullscreen mozallowfullscreen allowfullscreen 即可:<iframe width="800" height="600" src="http://192.168.0.111
摄像机点位的功能主要是在图片地图和在线离线地图上设置对应摄像机的位置,然后双击可以实时预览对应摄像机的视频,在图片地图上拖动摄像机图标到对应位置,系统会自动保存位置信息,在网页地图上的摄像机位置,需要异步更新,比如先从右侧选择需要更新位置的摄像机,然后在地图上鼠标按下,会自动传回当前位置的经纬度信息,然后单击更新设备位置按钮即可,会自动js异步更新执行代码,更新完成以后会自动同步到另外的地图,比如在线地图更新了,离线地图也会自动更新。
在互联网的很多产品中,富文本是经常存在的,因为在富文本中,可以插入图片,插入视频以及对字体等等可以进行调整,对于web的自动化测试人员来说,对于富文本的操作是无法逃避的,对于富文本,处理思路是先获取到iframe的id,通过js来控制,可以实现在富文本中输入我们想要输入的字符。
我建议这样思路写组件:首先一个大函数就是一个模块,可以简单到只是用function写,通过config对象写配置。然后通过传参调用,把这些模块连接起来,能实现功能,之后再对函数模块进行二次优化迭代。 在具体的操作上,第一步,就是像我们现在正在做的,先把下拉框啊,弹窗啊,菜单啊,都单独的写出来。让它们每个都能正常运行,并且具有一定的复用性。 第二步,上述那些组件写好之后,就把它们在同一个页面上引入,然后用这些组件来拼装成一个页面。这就是最简单的页面组件化、模块化了。 第三步,在拼装页面的过程中,逐步的迭代优化
2021已来临,Vue3开发也要步入正轨了。今天为大家带来的是全新开发的Vue3.x实战聊天室项目Vue3_Chatroom,基于vue3+vant3+vuex+vue-router+v3popup等技术搭建的聊天实例。
svelte-webchat一款基于svelte3.x+sveltekit+svelteLayer开发构建的仿微信PC版聊天实例。
领取专属 10元无门槛券
手把手带您无忧上云