个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
28
4
这是我的第一个问题。
所以我有这个 github 页面，它可以与最新的 chromium 一起正常工作，但我无法让它在 safari 上工作。当我在 Safari 上单击播放按钮时，我得到了 Unhandled Promise Rejection: NotSupportedError (DOM Exception 9): The operation is not supported.
这是控制台错误的照片
https://kglearning.github.io/imon/angela.html
基本上，当页面加载时，它会发出一个 xhr 请求。加载音频资源文件，以便在按下播放按钮时用户不必等待声音。它在 chrome 上工作正常，理想情况下应该首先有某种加载屏幕，但我还没有走那么远，因为这个脚本在 Safari 11 上失败了。Angela 页面是我现在正在处理的唯一页面，直到这个问题是固定的。所以……这是怎么回事？我有点难过。
这是代码，但您应该从链接运行它。
<!doctype html>
<html lang="en">
<head>
<title>Imon</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 4 Beta CSS -->
<link rel="stylesheet" href="./css/bootstrap.min.css">
</head>
<body>
<!-- Lazy formatting with Bootstrap 4 Beta.
Creating a container, jumbotron, and centering -->
<div class="container">
<div class="jumbotron">
<h1 class="text-center">Imon 爱蒙幼儿园</h1>
</div>
<!-- Lazy formatting with Bootstrap 4 Beta.
Students Section -->
<div class="row text-center">
<div class="col-sm">
<h2>Angela</h2>
<button type="button" id="play" class="btn btn-primary">Play</button>
</div>
</div>
</div>
</div>
<!-- JavaScript after the page loads -->
<script>
/*
This script has been purposly left un-minified, sourced, and
commented directly on this page. Why? a few reasons... I'm
not trying to hide my source. At the very least the comments
are here for educational purposes, but mainly all this was
done because I'm lazy and didn't want to tab between multiple
source files. So the JS was lazily left here. Deal with it.
*/
var getPageName = window.location.pathname.substring(window.location.pathname.lastIndexOf('/') + 1);
var studentName = getPageName.substr(0, getPageName.length - 5);
function createPlayButton(audioObject) {
var playButton = document.getElementById("play");
playButton.addEventListener("click", function() {
audioObject.play();
}, false );
}
function playAudio(audioObject2) {
audioObject2.play();
}
/*
This approach was chosen since service workers are still
a little too new for production environments, and I don't
like application cache which is all but removed from
modern browsers.
*/
var req = new XMLHttpRequest();
req.open('GET', './sounds/' + studentName + '.ogg', true);
req.responseType = 'blob';
req.onload = function() {
if (this.status === 200) {
var audio = new Audio(URL.createObjectURL(this.response));
audio.load();
createPlayButton(audio);
}
}
req.onerror = function() {
}
req.send();
</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="./js/jquery-3.2.1.slim.min.js"</script>
<script src="./js/popper.min.js"</script>
<script src="./js/bootstrap.min.js"</script>
</body>
</html>
编辑
我换了
var audio = new Audio(URL.createObjectURL(this.response));
到
//var audio = new Audio(URL.createObjectURL(this.response));
req.open('GET', './sounds/angela.ogg', true);
问题在 Safari 中仍然存在
为了更进一步，我现在将 req.open 更改为
req.open('GET', 'https://kglearning.github.io/imon/sounds/angela.ogg', true);
这仍然没有解决问题。请再次检查上面的 github 页面链接。
编辑:在尝试了很多不同的事情之后，我决定四处寻求脚本方面的帮助，最后被告知我忽略的最简单的事情......
SAFARI 不支持 OGG!
所以我将文件类型从 ogg 更改为 m4a，现在它可以在 Safari 中使用了。所有这些都适用于如此简单的事情。
最佳答案
事实证明 Safari 不支持 ogg。这就是错误发生的原因。
关于javascript - 未处理的 promise 拒绝 : NotSupportedError (DOM Exception 9): The operation is not supported，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47962500/
28
4
0
我只想允许一个国家/地区访问，但排除该国家/地区内的代理。 这就是我所拥有的(为了方便起见，缩短了版本) order deny,allow deny from all allow from 139.
这个问题在这里已经有了答案: What is an unhandled promise rejection? (9 个回答) 关闭 4 年前。 我目前正在尝试实现我自己的 Promise，以便在 A
我在使用 Gitolite 推送 git 时遇到问题。 当我尝试这个时: git push origin :refs/tags/deployment 我收到这个错误: remote: D NAME/i
我已经为我的 laravel 5.0-dev 项目配置了 mysql，如下所示: 'mysql' => [ 'driver' => 'mysql', 'host' =>
我对 Web 和 SOF 进行了一些研究，但发现对于该错误没有任何真正的帮助。 我使用 Windows 10 Ubuntu Bash 安装了 Node 和 Puppeteer，但未能使其工作，但我设法
在我的应用审核期间，我收到了以下信息: “17.2:要求用户共享个人信息(例如电子邮件地址和生日)才能正常运行的应用将被拒绝 具体来说，您的应用仅使用Facebook登录名进行身份验证，但不包括该网站
我正在开发 VeriFone VX 终端的接口(interface)。虽然，这确实是一个普遍的 EMV 问题。我们的处理器的下限为零，因此它将始终在线发送。但是，如果它发生变化，您如何知道(哪些标签)
我编写了一些宏代码，根据表单提交向经理发送电子邮件(用于费用/审批流程)，这是我使用谷歌表单/电子表格的第一个项目，所以也许我可能会错过一些简单的东西，但我为此浏览了 2 个教程，我的代码与重要的部分
clang 3.4 接受以下代码；而 vc++ NOV 2013 CTP 拒绝它并出现错误: error C2668: 'AreEqual' : ambiguous call to overloade
使用 nginx，您可以允许和拒绝范围和 ips (https://www.nginx.com/resources/admin-guide/restricting-access/)。使用realip模
官方编辑: 非常感谢您的帮助，但我仍然遇到问题。 我的 ffserver.conf 文件是这样的: # Port on which the server is listening. You must
我有一个问题:我是 Ubuntu 系统的根。我想授予用户(比如用户名是 X)执行任何命令的权限，但同时我有一个文件夹，除了我的用户(当然不是 X，因为它是 Admin ) 或根。有什么建议么？谢谢!
我使用 Apache2.2 作为 tomcat 服务器的前端。我想限制对某个位置的访问，但允许对子位置的所有访问，但遇到了一些麻烦。 我目前拥有的是: AllowOverride None
就像 this person ，我一直在为浏览器缓存 SSL session 而苦苦挣扎。简而言之，如果选择了客户端证书，则无法以编程方式清除状态，除非在 IE 中使用 document.execCo
我的网站是在由 Apache 服务器提供服务的 Angular 上设置的。我通过 View 将内容动态加载到主页上。 现在以下是我的问题: 我建立这个网站的主要目的是通过 google adsense
我最近遇到了我的应用程序的问题，当它突然被 Google Play 拒绝时因为他们发现我使用的是背景位置 .但实际上我并没有使用这个功能。我只有 ACCESS_COARSE_LOCATION和 ACC
function sendPushNotification(subscription, urlEncodedData){ try { webpush.sendNotification(su
我包裹了一个 request-promise-native调用返回 promise 的函数。 import request from 'request-promise-native'; functio
我正在开发我的 meteor 项目，并开始设置我的第一个更复杂的允许/拒绝规则。我发现很难看出哪些允许触发，哪些不允许触发，以及这些函数中的某些变量包含什么。例如: List.allow({ u
我正在 AngularJS 中创建一个 Factory，它是这样的: if (href) { return $http({ method: method, url: item.href });
我是一名优秀的程序员,十分优秀！