草庐IT

mobile-devices

全部标签

javascript - 网络音频 : How can I get a mobile microphone to pick up audio from a distance?

通过navigator.getUserMedia访问用户的麦克风非常简单。但是,如果我使用的是移动浏览器并想从远处拾取音频(例如使用“免提”模式)怎么办?我将如何实现这一目标?似乎有原生应用可以实现这一点,但网络音频呢?这样做的目的是使用DTMF在设备之间发送消息。我已经用我的笔记本电脑实现了这一点,因为它的麦克风可以从很远的距离录制周围的音频,但是我可以使用的任何手机似乎只能在“喉舌”附近录制音频,所以我必须将手机非常靠近源发言人,即使有很小的机会收到消息。这违背了目的,除非我能让移动麦克风从远处拾取音频。编辑:关于距离,我的意思是大于几英尺,而不是仅仅几厘米。环境声音,而不是麦克风

javascript - 使用 iframe 和 ontouchstart 的 Mobile Safari 中的文本选择错误

在我的网络应用程序中,我有不同z索引的iframe。我正在检测iframe中某些元素的touchstart事件。但是,如果我有一个文本输入字段与捕获touchstart的元素重叠,则输入字段开始表现不正常:在该字段中再次点击会使它失去焦点,您无法选择任何文本,但是您可以在文本字段中输入。似乎唯一的解决方案可能是停止捕获背景框架上的touchstart事件。我更喜欢像透明div这样的解决方案来作为中介捕获事件,但我还没有得到它的工作。还有其他解决方法吗?示例页面位于jsfiddle,但这是代码:iframe{position:absolute;}#background{border:so

javascript - PrettyPhoto mobile响应式

有什么办法可以让我的手机和平板电脑反应灵敏吗?我试过了,但对我来说似乎太难了。欢迎任何意见谢谢 最佳答案 我最近也遇到了类似的问题。试试这些css规则:.pp_pic_holder.pp_default{width:100%!important;left:0!important;overflow:hidden;}div.pp_default.pp_content_container.pp_left{padding-left:0!important;}div.pp_default.pp_content_container.pp_rig

javascript - max-device-width 是指 document.body.clientWidth 吗?

在媒体查询中,我见过max-width、min-width、max-device-width和min-设备宽度和方向。从JavaScript的Angular来看,这些是指document.body.clientWidth吗?或者window.outerWidth?我还看到有document.body.offsetWidth。是否有资源列出所有有效的css媒体查询参数以及与它们匹配的JavaScript属性? 最佳答案 因此,您需要一个在JavaScript中等效的所有有效css媒体查询参数的列表。让我们试着去做,依靠mediaque

javascript - jQuery Mobile -> 页面生命周期?

是否有类似jQueryMobile页面生命周期的东西?比如在初始化、显示、隐藏/返回或任何事件时触发的事件?!提前致谢! 最佳答案 介绍在这里找到的所有信息也可以在我的博客中找到ARTICLE,您还会找到工作示例。在页面转换期间:事件pagebeforecreate事件pagecreateBesteventifyouwanttodynamicallyaddpagecontentandletjQueryMobilestyleyoutnewcontent.Don'tuseitincaseofajaxcall,pagebeforeshow

javascript - 如何检测移动设备并获取用户代理信息,仅发送一次并将该信息保存到服务器上的数据库?

是否有任何脚本来检查用户代理然后将该信息发送并保存到服务器上的数据库?我正在制作具有2个版本的移动网站,例如m.facebook.com和touch.facebook.com,我想重定向到不同的手机。我使用WURFL设备检测。例如,m.html5version.com应该传送到所有支持HTML5的设备,m.mobileversion.com应该传送到所有其他手机。所以我需要一种方法来使用任何服务器端或客户端方法第一次检测设备和浏览器。当任何用户第一次在设备上打开网站时,脚本应该运行一次,它应该收集有关设备和浏览器的信息,并将信息保存在我现有的WURFL数据库中,所以下次当任何用户来自同

javascript - 在 jQuery UI 和 jQuery Mobile 之间切换的最佳方式是什么

我想要一个使用相同HTML的站点,但以最适合其所服务平台的方式对其进行“窗口化”。检测客户端移动设备/硬件键盘的功能并决定是否加载jQueryMobile以及网站的移动JavaScript或jQueryUI和桌面体验脚本是否有标准做法?以下似乎是一种合理的方法,但我想知道Modernizr.touch是否是检测此问题的最佳方法?例如:强制触摸可能不是Surface的最佳解决方案。有什么方法可以检测是否还有硬件键盘?Modernizr.load({test:Modernizr.touch,yep:['jquery-mobile.js','mobile.js']nope:['jquery-

Javascript 触摸事件在 Mobile Safari 中不起作用

我试图限制用户在触摸iframe时滚动。所以,如果他们触摸body,他们可以滚动。想知道为什么下面的代码在MobileChrome中运行良好,但在MobileSafari中却无法运行。有什么办法可以为safari解决这个问题?.overflowHidden{position:relative;overflow-y:hidden;}.overflowAuto{-webkit-overflow-scrolling:touch;overflow:auto;}hellohellohellohellohellohellohellohellohellohellohellohellohellohel

javascript - 如何在 jQuery Mobile 中显示对话框

我在jquerymobile中有一个工具栏,由一堆链接组成,它们在我的javascript应用程序顶部加载“弹出”模式对话框。像这样:信息id="about"的div有一个data-role="page"。我想从代码中打开相同的对话框,也许作为按钮处理程序的一部分,但我找不到任何方法来执行此操作。此代码无效。它只在我当前页面的顶部透明地显示“关于”页面的元素(没有样式)。我该怎么做?$("#buttAbout").click(function(){$('#about').show();returnfalse;}); 最佳答案 看起来

javascript - Mobile Safari 有时不会触发点击事件

这是我正在开发的动态JavaScript应用程序。我有很多具有类的anchor元素。单击该类时,应该会发生一些事情。这在Firefox、Chrome、IE中运行良好,但在某些情况下在移动版Safari(iPad和iPhone)上不会触发点击事件。这些元素都具有完全相同的CSS,只是它们的位置不同(它们在不同的容器中)。我尝试了在这里找到的各种解决方案,但没有成功。例如:将光标设置为指针代码inthisanswer您还有其他想法可以帮助我找到解决方案吗?为什么点击事件只在某些情况下触发? 最佳答案 在iOS上点击事件产生的点击事件将在