- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个具有拖放功能的网站,旨在在计算机、平板电脑和手机上运行。它使用 jQuery、jQuery UI 和 jQuery UI Touch Punch。拖动和放下都会导致播放短音频片段。 This fiddle有一个例子。
遗憾的是,音频在当前版本的 iOS Safari 和 Android Chrome 中无法正常工作。有办法解决吗?
此图解释了各种浏览器版本中的行为:
图像描述:
iOS Safari:在 iOS 8.4 及更低版本中,拖放音频都会播放。在iOS 9.0及以上版本中,拖拽音频和放下音频都不会播放。
Android Chrome:在版本 51.0.2704.81 中,拖放音频都会播放。在版本 52.0.2743.98 和版本 55.0.2883.91 中,拖放音频均不播放。在版本56.0.2924.87和63.0.3239.111中,拖动音频不会播放,但放下音频会播放。
这里是代码,如果 fiddle 消失的话:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Drag and Drop with Audio</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/css/base/jquery.ui.all.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.2/css/lightness/jquery-ui-1.10.2.custom.min.css" rel="stylesheet">
<style>
body {
background: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#draggable {
width: 100px;
height: 100px;
padding: 0.5em;
float: left;
margin: 10px 10px 10px 0;
}
#droppable {
width: 150px;
height: 150px;
padding: 0.5em;
float: left;
margin: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="demo">
<div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p>
</div>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>
</div>
<div class="demo-description" style="display: none; ">
<p>Enable any DOM element to be droppable, a target for draggable elements.</p>
</div>
</div>
<audio id="audio-drag" src="data:audio/mpeg;base64,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E/LS+XjRIcwkQiojYjY5y5/1pl9IlC8PQ0QUsgEaOQkC4af/////////9SBI//NAxOwWAUaqWZh4ACJL/3+cMnrIAjVvCzCkhtLVfUUJgAEw4dGougkgCAhohgiBpdKAiywLBjhlQ5igBMaDR8OyTQrTGTGTSaajWhobABYSGhalQVkqzVvtMKDSPPLrSUjn9dZghQH/83DE7yajDt8fmWgEialaQQEsq9SlYZmzAS47ZF1NBV2zljJoABBFCVDkHlrUs6zJwUNy7Cu4zLIbkppaAjoVq4jE45cJZTiuVXMEO2mDp0EqxwKVTNV0suQ0ghlaTpsIBuFwC/awaRSCn////////1crm+///3DVPUwz7/////7///f//77jV//1lupa5/7qSqlt//49/Vff///fzgEAELKvKwYIA6tBLaowA/y6meplJeAZCv/zgMT9OTMOvn+awASsp02MeS2jMmPTzQpwhAjCPQX4DWOkylCC3FvQQhomocqGszaXCDDw+P5hlgMbbqA4i3n6dMaE+YjoZEehB2ogdZY2ZJsKunYnKc4EPgPpYEJCiDoXWr15lcqK7bGg6g5gNz2e1dzvFwzrpxVb9tgssHFt////KEM795fX//92uPNrH///x/nNv/////4z18onW/rdqz7S5jXVQQCizszrCGgDZjNnrjADXn3f1HOUKzocS5S6Ax7viFLUGcpWQlcpexT/84DE2yxKzsJ/mHgAzEPoJwla8NxuP03TpLabagbzVTLGxIchWWFbOgxn9GA4U85WhMRbEIVjaqzJLls6lanYB1SvXvSaFvGmJeqEFtJ6/zWfcNPIdP6tj2dkZk5M4Q47+AkCwspOluMTlkxbNf///8GscCmVD/X/vHfxnu74xT/+us53v43///b/+I3v38elpr13//8eDQ/lVQAEFKqw7OQmDGzdMAgAA0cIKuR5GVF4iWRIgvspkBbFsR4SpRaDTDIVTVVC2mIHWq4hdwMI//OAxOwtku7Cf5h4AAagap4j1CZj/SzEwkFiH8OcC9DZ2cgmYJ+gwgvSyTp/HeQR4520FcJseo9IJkOoDKO5sabNwX4m5e0I1qQ5kOQ7Xx0KDbE3CZEyLcLcKaky2GqN+qyh7uBqQ3iUkJOmnxySp6Y6kS263ChuLDF//////////////zVWnsqqIgEhdqtplJRm19n8zGUblwixetdVgbw0gWVBWBQ5agsKHKWIpmjx0+KOJRSVSqZbVvoTlvC1NU1LKocYZDeYXIjFu5Coef/zcMT4LEputn+YeABg3gdp4XvYNGXvhTAZdarOFF4PjFe9//E+RL//6bLf//6m4JhUHY///jdlNh9R1v////66SDe0ribsljpUCakAc2SCBUCLmEGY46EI1c/x6qL8dZsFWZh3KNqkzLFtndNemtGgoJoa6MU54bx48TaiBh0xlkgK+JpsbJDoOlNo8fus7//ia3r/l/L+q4vzj+n///rJj//7qcx4Mm4gBiAYYQQBgMAcIxvC//NQxO8eYYrLGZjAIOwnqlYO1D0HwrfkIslPzYUIrf4pBZUkBa/8oAsA0c5Cd//nCsKoiR7VTEFNRTMuOTkuNVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/zUMTqGfGyolmZeABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVX/8yDE9w1JZp45jVAAVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//MQxOgAAANIAcAAAFVVVVVVVVVVVVVVVVU="></audio>
<audio id="audio-drop" src="data:audio/mpeg;base64,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"></audio>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.2/jquery.ui.touch-punch.min.js"></script>
<script>
$(function() {
$("#draggable").draggable({
start: function() {
$("#audio-drag")[0].play();
}
});
$("#droppable").droppable({
drop: function(event, ui) {
$("#audio-drop")[0].play();
$(this)
.addClass("ui-state-highlight")
.find("p")
.html("Dropped!");
}
});
});
</script>
</body>
</html>
最佳答案
出于多种原因,为了改善用户体验,摆脱烦人的广告,现在在移动设备上播放音频受到了相当的限制。详细可以阅读here.
现在您需要通过有效的用户手势事件来播放音频元素。这就是为什么您的放置事件有效但拖动事件无效的原因。
在这种情况下点击事件是最可靠的。您所要做的就是首先通过单击事件播放音频,这将激活音频,然后您可以使用任何事件来播放它。
在这种情况下,最佳做法是让用户在执行任何操作之前单击按钮并静默播放音频,或者仅播放通常静默的音频的最后一毫秒。然后音频元素就可以正常工作了。
$("#ibutton").click(function(){
enable_audio($('#audio-drag'));
enable_audio($('#audio-drop'));
});
启用功能仅播放最后一毫秒。
function enable_audio(el){
var myaudio=el[0];
if(el.data('audio_enabled'))return;
myaudio.currentTime=myaudio.duration-1;
myaudio.play().then(function(){myaudio.pause();myaudio.load();});
el.data('audio_enabled',true);
}
这是一个工作 JSFiddle Demo .
关于jquery - 在移动浏览器中通过拖放播放音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48405744/
只是想知道 Jquery Mobile 是否足够稳定以用于实时生产企业移动应用程序。 有很多 HTML5 框架,因为我们的团队使用 JQuery 已经有一段时间了,我们更愿意使用 Jquery 移动框
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗? 通过 editing this post 添加细节并澄清问题. 关闭 3 年前。 Improve t
所以我尝试在 JavaScript 中对元素进行拖放。我使用的视频教程在这里; https://www.youtube.com/watch?v=KTlZ4Hs5h80 。我已经按照它的说明进行了编码,
无法在移动 iOS(safari 和 chrome)上自动播放以前缓存的 mp3 音频 我正在 Angular 8 中开发一个应用程序,在该应用程序的一部分中,我试图在对象数组中缓存几个传入的音频 m
Git 基于内容而不是文件,所以我目前理解以下行为,但我想知道是否有特殊选项或 hack 来检测此类事情: git init mkdir -p foo/bar echo "test" foo/a.tx
我正在寻找语义 ui 正确的类来隐藏例如移动 View 中的 DIV。在 Bootstrap 中,我们有“visible-xs”和“hidden-xs”。 但是在语义ui上我只找到了“仅移动网格” 最
我正在使用 ubuntu 和 想要移动或复制大文件。 但是当我与其他人一起使用服务器时,我不想拥有所有内存并使其他进程几乎停止。 那么有没有办法在内存使用受限的情况下移动或复制文件? 最佳答案 如果你
这些指令有什么区别?以 ARM9 处理器为例,它不应该是: ASM: mov r0, 0 C: r0 = 0; ASM: ld r0, 0 C: r0 = 0; ? 我不知道为什么要使用一个或另一个:
我有一个文件夹,其中包含一些随机命名的文件,其中包含我需要的数据。 为了使用数据,我必须将文件移动到另一个文件夹并将文件命名为“file1.xml” 每次移动和重命名文件时,它都会替换目标文件夹中以前
我经常在 IB/Storyboard 中堆叠对象,几乎不可能拖动其他对象后面的对象而不移动前面的对象。无论如何我可以移动已经选择但位于其他对象后面的对象吗?当我尝试移动它时,它总是选择顶部的对象,还是
几个月前,我看到 Safari 7 允许推送通知,它似乎是一个非常有用的工具,除了我看到的每个示例都专注于桌面浏览,而不是移动设备。 Safari 推送通知是否可以在移动设备上运行,如果没有,是否有计
我有一个简单的 View 模型,其中包含修改后的 ObservableCollection使用 SynchronizationContext.Current.Send在 UI 线程上执行对集合的更改。
关于cassandra创建的数据文件和系统文件的位置,我需要移动在“cassandra.yaml”配置文件中设置的“commitlog_directory”、“data_file_directorie
我有这个代码 $(function() { var message = 'Dont forget us'; var original; var txt1 = ' - '; $(wind
我的客户报告说他的网站有一个奇怪的问题。该网站的 URL 是 your-montenegro.me 在 基于 Android 的浏览器 上加载时,页面底部会出现一个奇怪的空白区域。以下是屏幕截图: 华
我有这个 HTML 标记: Express 300 bsf Sign Up 我需要将元素从 DOM 上的一个
我有一个可重新排序的 TableView (UITableView 实例)。尽管我已经实现了 UITableViewDataSource 方法: tableView:moveRowAtIndexPat
我的客户报告说他的网站有一个奇怪的问题。该网站的 URL 是 your-montenegro.me 在 基于 Android 的浏览器 上加载时,页面底部会出现一个奇怪的空白区域。以下是屏幕截图: 华
我需要在拖放或复制/剪切和粘贴(复制与移动)期间获取操作类型。它是一个 Swing 应用程序,并且实现了 TransferHandle。我在操作结束时需要此信息,在 importData 方法中。 对
我编写了一个具有 add 和 get 方法的 SortedIntList 类。 我调用以下四个方法: SortedIntList mySortedIntList = new SortedIntList
我是一名优秀的程序员,十分优秀!