文章 2023-09-02 来自:开发者社区

浏览器播放RTSP视频流几种解决方案

方案一: H5 + websocket_rtsp_proxy 实现视频流直播Streamedian 提供了一种“html5_rtsp_player + websock_rtsp_proxy”的技术方案,可以通过html5的video标签直接播放RTSP的视频流。整个架构如下图所示,分为服务器端和浏览器端两部分:方案二:RTSP转RTMP到RTMP服务器,转http-flv,播放端用flv.js播....

浏览器播放RTSP视频流几种解决方案
文章 2023-08-02 来自:开发者社区

iOS Safari 浏览器 100vh 带有滚动条解决方案

问题场景在移动端 safari 或者 chrome 浏览器中,使用 100vh,会出现滚动条。根本原因在 safari 和 chrome 浏览器中,100vh 是指去掉地址栏的高度,所以会出现滚动条。解决方案移动端一般不考虑 chrome 浏览器,用户基数小,如果只考虑微信公众号开发也不用考虑这个问题。如果需要考虑 safari 浏览器的用户体验,建议使用 100% 替代 100vh,或者使用 ....

文章 2023-08-01 来自:开发者社区

现代化浏览器本地存储解决方案以及落地实践

前言最近在项目需要做数据存储,调研到了localforage这个库,在项目中也使用了,接下里我来介绍下它的实现方式以及在React项目如何落地(直接copy下面的hooks解决方案就可以在项目中使用了)使用localforage是一个开源的JavaScript库,用于简化浏览器中的本地存储。它提供了一种易于使用的API,使开发者能够轻松地在浏览器中存储数据,而无需关心底层的存储细节。本地存储是W....

文章 2023-07-25 来自:开发者社区

web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)

前言在web网页中加载并显示PDF文件是最常见的业务需求,目前浏览器大多数都自带pdf预览功能,但是每个浏览器的pdf加载器并不一样,工具栏也无法定制化。为了统一不同浏览器pdf预览的一致性,并增加一些自定义功能,需要在实际的项目开发过程中根据不同的情况进行pdf文档的生产。一、服务器端生成PDFmPDF是一个PHP类库,它由UTF-8编码的HTML生成PDF文件。它基于FPDF和HTML2FP....

web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)
文章 2023-07-17 来自:开发者社区

360浏览器开启webGL硬件加速解决百度地图3D视角正常展示的解决方案

WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插....

360浏览器开启webGL硬件加速解决百度地图3D视角正常展示的解决方案
文章 2023-07-16 来自:开发者社区

漏刻有时数据可视化大屏常见问题(4)手机端数据采集ajax安卓手机安卓微信浏览器无法跳转的问题解决方案

漏刻有时(LOCKDATAV)数据采集主要调用的方式用微信公众号和百度人脸识别,在手机端测试的过程中,出现按钮失灵的情况。具体解决方案如下:主要问题是:前端采用ajax返回数据,安卓手机微信浏览器中location.reload或者location.href失效的问题,导致提交按钮失效。**解决方案:**在要跳转的url后面加时间戳,告知浏览器这是一个新的请求,清楚缓存; ...

文章 2023-07-12 来自:开发者社区

Chrome谷歌浏览器自带翻译功能无法使用的解决方案

方法一 打开路径 C:\Windows\System32\drivers\etc 找到【hosts】文件然后用记事本或者 Hosts Editor 打开 将代码 #Google Translate 203.208.40.66 translate.google.com 203.208.40.66 translate.googleapis.com 复制粘贴到hosts文件的最后行,...

文章 2023-06-25 来自:开发者社区

解决浏览器自动填充用户名和密码最优雅的解决方案,优雅永不过时

浏览器记住用户名和密码并且自动填充怎么破?百度找的方法好像都不够优雅,优雅永不过时,今天我就带你优雅的解决这个问题。 1. 现象 在浏览器中输入用户名和密码,浏览器会记住,下次再输入的时候,浏览器会自动填充,这个自动填充搞一个黄不拉几的背景色(chrome黄不拉几,Edge不是),而且还给自己精心写的输入框的样式覆盖了,真是头大。 让用户清除缓存?让用户手动删除记住的密码?这你还能控制用户...

解决浏览器自动填充用户名和密码最优雅的解决方案,优雅永不过时
文章 2023-03-16 来自:开发者社区

新版谷歌Chrome取消对PPAPI插件支持后,浏览器网页打开编辑保存微软Office、金山WPS文档解决方案

最近陆续看到一些大学发布公告,谷歌Chrome取消了对PPAPI插件支持,导致某些在线Office厂家产品将无法在谷歌Chrome107及以上版本运行,被迫更换360浏览器或者使用低版本Chrome浏览器苟延残喘。2015年以前:在在Chrome 45、Firefox 53以下版本的浏览器中,一些Office厂家在浏览器支持的NPAPI插件中再调用ActiveX控件来请求桌面Office软件的自....

新版谷歌Chrome取消对PPAPI插件支持后,浏览器网页打开编辑保存微软Office、金山WPS文档解决方案
文章 2023-02-07 来自:开发者社区

浏览器书签跨设备、跨平台同步:floccus+坚果云的解决方案

  本文介绍基于floccus插件与坚果云协同使用的方法,对浏览器的书签进行实时在线同步的操作。  在工作与学习中,我们时常希望在不同浏览器之间实现书签的同步;而一些传统的浏览器书签同步方案,或多或少都面临着一些问题——比如,Chrome浏览器尽管可以实现比较好的跨设备同步,但由于网络的限制可能导致同步不稳定;另一方面,比如想跨浏览器实现同步(例如将某一台电脑上Chrome浏览器的书签与这台或另....

浏览器书签跨设备、跨平台同步:floccus+坚果云的解决方案

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCardInfo":{"productTitle":"无影 Agent 开发套件 AgentBay","productDescription":"无影 Agent 开发套件 AgentBay 是一款专为 AI Agent 提供的任务执行工具和平台,提供浏览器(Browser Use)、桌面(Computer Use)、代码(CodeSpace)、移动端(Mobile Use)全覆盖的安全沙箱环境,支持 SDK 和 MCP 接入,依托阿里云强大算力实现智能体的高效调度与规模化运行。","productContentLink":"https://www.aliyun.com/product/agentbay","isDisplayProductIcon":true,"productButton1":{"productButtonText":"产品详情","productButtonLink":"https://www.aliyun.com/product/agentbay"},"productButton2":{"productButtonText":"文档","productButtonLink":"https://help.aliyun.com/zh/agentbay/product-overview/"},"productButton3":{"productButtonText":"控制台","productButtonLink":"https://agentbay.console.aliyun.com/overview"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"产品邀测","productPromotionInfoFirstText":"JVS Crew 产品邀测","productPromotionInfoFirstLink":"https://www.aliyun.com/activity/wuying/jvs-crew?spm=5176.30918410.J_-HJdqsaoOvSv83SbuYtEK.1.539e3c65jQ099M","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""},{"$id":"1","productPromotionGroupingTitle":"产品上线","productPromotionInfoFirstText":"无影AgentBay Skill 套件已上线","productPromotionInfoFirstLink":"https://www.aliyun.com/activity/wuying/agentbay-skill?spm=5176.30918410.J_-HJdqsaoOvSv83SbuYtEK.2.539e3c65jQ099M","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""},{"$id":"2","productPromotionGroupingTitle":"新人专享","productPromotionInfoFirstText":"无影 AgentBay 新人0.01元优惠","productPromotionInfoFirstLink":"https://common-buy.aliyun.com/?spm=5176.30918410.J_WB32E9T-bokl57SJYCiyd.1.69a93c65F8UN9r&commodityCode=gws_agentbaypackage_public_cn","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""},{"$id":"3","productPromotionGroupingTitle":"开源社区","productPromotionInfoFirstText":"无影 AgentBay SDK 已开源","productPromotionInfoFirstLink":"https://github.com/aliyun/wuying-agentbay-sdk","productPromotionInfoSecondText":"","productPromotionInfoSecondLink":""}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}