2021 年适用于包括 safari 在内的所有浏览器的 pwa javascript 视频录制应用程序

     2023-02-25     48

关键词:

【中文标题】2021 年适用于包括 safari 在内的所有浏览器的 pwa javascript 视频录制应用程序【英文标题】:pwa javascript video recording app for all browsers including safari in 2021 【发布时间】:2021-11-14 13:08:11 【问题描述】:

有很多关于这个主题的信息和教程,都已经过时或在IOS上不起作用。

有没有办法使用 Safari 和 chrome 浏览器在 pwa 中录制带音频的视频?如果您能给我提供适用于两者的示例或教程,或者提供适用于 Safari 和 chrome 的解决方法,请提供。

我尝试过的一切都适用,但在 IPHONE 上我得到黑屏,或者不支持媒体类型。我尝试了 recordRTC.js,一个包含 VIDEO.js 和 VIDEO-record.js 的教程都提出了同样的问题。

有什么办法吗?

【问题讨论】:

【参考方案1】:

解决了: 不是我想要的结果,但它可以满足我的需求。

<input type="file" style="display:none;" onchange="dealWithVideo(this);" accept="video/*" capture="camera" id="vidrec">

【讨论】:

window.print() 是不是适用于 iPad 上所有版本的 Safari?

】window.print()是不是适用于iPad上所有版本的Safari?【英文标题】:Doeswindow.print()workinallversionsofSafarioniPad?window.print()是否适用于iPad上所有版本的Safari?【发布时间】:2011-04-2918:03:17【问题描述】:我有几个关于iPadSafari中使用的打... 查看详情

Simple JS 适用于所有浏览器,但 safari

】SimpleJS适用于所有浏览器,但safari【英文标题】:SimpleJSworksoneverybrowserbutsafari【发布时间】:2017-05-1001:43:07【问题描述】:常见的头痛,但每个答案似乎都是独一无二的,我有一些简单的JS倒计时到12月15日,这个倒计时适用于... 查看详情

WebRTC onicecandidate 不会在 chrome for android 上触发,但适用于所有其他浏览器,包括适用于 android 的 firefox

】WebRTConicecandidate不会在chromeforandroid上触发,但适用于所有其他浏览器,包括适用于android的firefox【英文标题】:WebRTConicecandidateisnottriggeredonchromeforandroidbutworksonallotherbrowsersincludingfirefoxforandroid【发布时间】:2021-12-0611:30:55【问... 查看详情

图片未显示 iPhone(在包括 Android 在内的所有设备上都可以)

...【问题描述】:我查看了有关此的多个帖子,但它似乎不适用于我的情况。我有2个背景图片没有显示在iPhone上(仅),它适用于桌面和android我已将此添加到index.htmlmetaname="vi 查看详情

405 Method Not Allowed - 适用于除 iOS Safari 之外的所有设备

】405MethodNotAllowed-适用于除iOSSafari之外的所有设备【英文标题】:405MethodNotAllowed-WorksoneverythingexceptiOSSafari【发布时间】:2014-06-1205:26:23【问题描述】:我一直在尝试在AngularJS中创建一个应用程序来跟踪一些统计数据并允许用户将... 查看详情

适用于 Chrome 但不适用于 Safari - 一个隐藏的 DIV,仅在提交包含所有必填字段的表单时显示

】适用于Chrome但不适用于Safari-一个隐藏的DIV,仅在提交包含所有必填字段的表单时显示【英文标题】:WorksinChromebutnotSafari--ahiddenDIVtoonlyshowonsubmissionofformwithallrequiredfields【发布时间】:2016-02-0319:10:12【问题描述】:我已经创建了... 查看详情

css适用于所有浏览器,ie,firefox,opera,safari和googlechrome的透明度设置的简单css代码(代码片段)

查看详情

WebRTC connectionState 停留在“new” - 仅适用于 Safari,适用于 Chrome 和 FF

】WebRTCconnectionState停留在“new”-仅适用于Safari,适用于Chrome和FF【英文标题】:WebRTCconnectionStatestuckat"new"-Safarionly,worksinChromeandFF【发布时间】:2021-05-1404:29:49【问题描述】:我无法通过WebRTC视频和音频远程连接到本地对... 查看详情

克里克中心法则适用于所有生物吗?

答:不是。解析:克里克中心法则适用有细胞细胞结构的生物。对于没有细胞结构的病毒,就只能用中心法则的补充形式解释。参考技术A克里克中心法则好象不包括逆转录生物和RNA复制生物,只包括DNA复制、转录和翻译。所以... 查看详情

使用 Web Audio API 的画布可视化适用于除 Safari 之外的主要浏览器

】使用WebAudioAPI的画布可视化适用于除Safari之外的主要浏览器【英文标题】:CanvasvisualizationwithWebAudioAPIworksonmajorbrowsersexceptSafari【发布时间】:2021-12-3111:26:53【问题描述】:我有这段代码来可视化音频。我的意思是通过WebAudioAPI... 查看详情

移动 Safari,scrollIntoView 不起作用

...】:我在iframe中的移动Safari上滚动到元素时遇到问题(它适用于其他浏览器,包括mac上的Safari)。我使用scrollIntoView。我想在呈现所有contnet时滚动。这是我的代码:varreadyStateChe 查看详情

Flexbox 在 Safari 9.1.1 上不起作用 [重复]

...【发布时间】:2016-11-0822:13:47【问题描述】:下面的图表适用于Chrome和Firefox,但Safari正在缩小框的宽度。这也发生在移动客户端上。我将图表容器的css和完整标记和css的代码笔包括在内。https://codepen.io/juancho1/pen/ 查看详情

Jquery .click() 不适用于 safari .. 但适用于其他浏览器

】Jquery.click()不适用于safari..但适用于其他浏览器【英文标题】:Jquery.click()notworkonsafari..butworkonotherbrowser【发布时间】:2017-03-1004:00:01【问题描述】:此代码可以在chrome和firefox上运行。但只是野生动物园不能让它工作......现在有... 查看详情

Sublime中的正则表达式如何选择包括换行符在内的所有内容到终点

】Sublime中的正则表达式如何选择包括换行符在内的所有内容到终点【英文标题】:REGEXinSublimeHowtoselecteverythingincludinglinebreaksuptoanendpoint【发布时间】:2021-06-2517:31:54【问题描述】:我有一个客户,我们正在将他们的网站从Squarespa... 查看详情

如何使表格边框适用于所有浏览器?

】如何使表格边框适用于所有浏览器?【英文标题】:HowcanImakeatableborderworkonallbrowsers?【发布时间】:2020-08-2716:00:48【问题描述】:我有一张带边框的桌子。现在,边框适用于Brave浏览器。在Chrome和Safari上,边框延伸得太远。如... 查看详情

SimpleSAMLphp - SSO Azure 适用于 Firefox 和 Safari,但不适用于 Chrome 和 Edge

】SimpleSAMLphp-SSOAzure适用于Firefox和Safari,但不适用于Chrome和Edge【英文标题】:SimpleSAMLphp-SSOAzureworksinFirefoxandSafari,butnotinChromeandEdge【发布时间】:2021-05-0721:38:53【问题描述】:我们正在尝试针对AzureAD将simpleSAMLphp设置为SSO,以便与... 查看详情

javascript适用于safari和ie的可点击表单标签(代码片段)

查看详情

VideoJS 适用于 safari 但不适用于 chrome 中的某些带有 CORS 的视频

】VideoJS适用于safari但不适用于chrome中的某些带有CORS的视频【英文标题】:VideoJSworksonsafaributnotinchromeforsomevideoswithCORS【发布时间】:2019-11-0113:43:27【问题描述】:我正在使用videojs在Chrome中使用HLS,但对于特定的URL,这会失败(CO... 查看详情