首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

EasyPlayer.js播放器首次加载报错Uncaught (in promise) DOMException

测试过EasyPlayer播放朋友都知道,EasyPlayer在做播放器项目集成时候十分便捷,因为EasyPlayer不仅针对不同协议衍生出了多个版本,EasyPlayer.js、EasyPlayerPro...有的项目中使用EasyPlayer.js首次加载时会出现错误信息:Uncaught (in promise) DOMException: play() failed because the user didn...这个错误与谷歌浏览器机制有关,谷歌阻止播放自动播放,如果页面首次加载中视频带声音并且设置了自动播放,谷歌则会阻止播放播放并抛出一个错误异常。... 拓展 EasyPlayer系列播放,EasyPlayer.js...因此如果还想了解TSINGSEE青犀视频开发其他专用播放器,欢迎联系我们,目前EasyPlayer系列已经支持H265编码视频播放,同时支持集成,欢迎了解。

4K10
您找到你想要的搜索结果了吗?
是的
没有找到

移动网页广告引入mraid.js使用指南

背景: 我开发了移动端网页展示广告,由于产品要求,要实现广告视频在用户看到时候才会继续播放,不看时候不会播放,而默认设置video autoplay自动播放会在用户打开情况下,即使看不到也是种播着.../mraid_cn/blob/master/mraid_cn.md 开始 1、在网页首先引入mraid.js【直接引入即可,不需要在本地放mraid.js,页面支持mraidapp中会自动注入】...//视频元素可以选择静音后再播放,提示用户打开声音 v.muted = true; v.play(); });...video.play()方法时候,有时候会出现报错: Uncaught (in promise) DOMException 有一篇文章写比较好:推荐一下 4、mraid代码实现流程: 先判断mraid...状态是否为loading,如果为loading要给mraid注册ready事件ready事件中进行相应mraid代码执行,比如判断用户是否浏览广告,如果不是loading状态,则说明是ready状态

2.2K30

如何优雅处理前端异常?

JS 脚本前面,否则有可能捕获不到错误; onerror 无法捕获语法错误; 到这里基本就清晰了:实际使用过程,onerror 主要是来捕获预料之外错误,而 try-catch 则是用来可预见情况下监控特定错误...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一window.addEventListener 捕获。...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案:为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。...Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听 Uncaught Promise Error。

1.6K20

如何优雅处理前端异常?

补充一点:window.onerror 函数只有返回 true 时候,异常才不会向上抛出,否则即使是知道异常发生控制台还是会显示 Uncaught Error: xxxxx window.onerror...脚本前面,否则有可能捕获不到错误; onerror 无法捕获语法错误; 到这里基本就清晰了:实际使用过程,onerror 主要是来捕获预料之外错误,而 try-catch 则是用来可预见情况下监控特定错误...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一window.addEventListener 捕获。...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案: 为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。

2.1K30

前端开发,如何优雅处理前端异常?

补充一点:window.onerror 函数只有返回 true 时候,异常才不会向上抛出,否则即使是知道异常发生控制台还是会显示 Uncaught Error: xxxxx window.onerror...脚本前面,否则有可能捕获不到错误; onerror 无法捕获语法错误; 到这里基本就清晰了:实际使用过程,onerror 主要是来捕获预料之外错误,而 try-catch 则是用来可预见情况下监控特定错误...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一window.addEventListener 捕获。...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案:为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。

93510

如何优雅处理前端异常?(史上最全前端异常处理方案)

补充一点:window.onerror 函数只有返回 true 时候,异常才不会向上抛出,否则即使是知道异常发生控制台还是会显示 Uncaught Error: xxxxx window.onerror...JS 脚本前面,否则有可能捕获不到错误; onerror 无法捕获语法错误; 到这里基本就清晰了:实际使用过程,onerror 主要是来捕获预料之外错误,而 try-catch 则是用来可预见情况下监控特定错误...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一window.addEventListener 捕获。...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案:为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。

2.8K10

如何优雅处理前端异常?

补充一点:window.onerror 函数只有返回 true 时候,异常才不会向上抛出,否则即使是知道异常发生控制台还是会显示 Uncaught Error: xxxxx 控制台就不会再有这样错误了...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一 window.addEventListener 捕获。...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案:为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。...所以,正如我们上面所说,为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听 Uncaught Promise Error。

1.8K50

如何用正确姿势去高效解决前端异常,用实践造就答案

补充一点:window.onerror 函数只有返回 true 时候,异常才不会向上抛出,否则即使是知道异常发生控制台还是会显示 Uncaught Error: xxxxx ?...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一 window.addEventListener 捕获。 ? 控制台输出: ?...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案:为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。使用方式: ?...所以,正如我们上面所说,为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听 Uncaught Promise Error。

1K60

关于 JavaScript 错误处理最完整指南(上半部)

Uncaught TypeError: button is null 除了这些内置错误外,浏览器还有: DOMException DOMError,现在已经废弃,不再使用了。...当我们浏览器执行愚蠢操作时,它们会被抛出,例如: document.body.appendChild(document.cloneNode(true)); 结果: Uncaught DOMException...浏览器异步操作有:定时器相关函数、事件Promise。 异步错误处理不同于同步错误处理。我们来看一些例子。 大家都说简历没项目写,我就帮大家找了一个项目,还附赠【搭建教程】。...但这种做法意义不大,后面我们会使用 Promise 来解决这类问题。 事件错误处理 DOM 事件操作(监听和触发),都定义EventTarget接口。...onerror 怎么样 HTML元素具有许多事件处理程序,例如onclick,onmouseenter,onchange等,当然还有 onerror。

1.6K30

JavaScript异常如何处理

你可以发现,在上图中我执行了两次,但是第二次没有红色错误异常,是因为window.onerror函数只有返回true时候,异常在不会向上抛出,否则即使是知道异常发生,控制台还是会显示Uncaught...这些 error 事件不会向上冒泡到 window ,不过(至少 Firefox )能被单一window.addEventListener 捕获。...没有写 catch Promise 抛出错误无法被 onerror 或 try-catch 捕获到,所以我们务必要在 Promise 不要忘记写 catch 处理抛出异常。...解决方案: 为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听Uncaught Promise Error。...为了防止有漏掉 Promise 异常,建议全局增加一个对 unhandledrejection 监听,用来全局监听 Uncaught Promise Error。

1.6K30

工作记录,使用Uniapp开发安卓应用

App端,如果使用vue页面,则使用webview渲染;如果使用nvue页面(native vue缩写),则使用原生渲染。...提示:返回promise对象可能既不会resolve也不会reject,因为用户不是必须选择允许或拒绝。...有时候听筒播放声音、有时候扬声器播放(使用h5plus直接指定扬声器):https://www.html5plus.org/doc/zh_cn/audio.html 2.支持约束对象属性:https:...fr=aladdin H5下录音会默认打开回声消除,最终导致就是录制音频时候会自动过滤设备发出声音,导致无法正常录制全部声音。用过定义约束对象关闭回声消除。...web-view使用uni api 1.web-view加载本地及远程HTML调用uniAPI及网页和vue页面通讯:https://ask.dcloud.net.cn/article/35083

5.8K30

如何搭建前端异常监控系统

什么是异常 是指用户使用应用时,无法得到预期结果。不同异常带来后果程度不同,轻则引起用户使用不悦,重则导致产品无法使用,从而使用户丧失对产品认可。...当 JavaScript 运行时错误(包括语法错误)发生时,window 会触发一个 ErrorEvent 接口 error 事件,并执行 window.onerror() 若该函数返回 true,...,加载资源元素会触发一个 Event 接口 error 事件,并执行该元素上 onerror() 处理函数。...这些 error 事件不会向上冒泡到 window,不过(至少 Firefox )能被单一 window.addEventListener 捕获。...异步代码(例如 setTimeout 或 requestAnimationFrame 回调) 服务器端渲染 错误边界本身(而不是其子级)引发错误 iframe 由于浏览器设置“同源策略”,无法非常优雅处理

1.1K00

从0到1搭建前端监控平台,面试必备亮点项目

前端监控设计方案、监控目的 数据采集方式:错误信息、性能数据、用户行为、加载资源、个性化指标等 设计开发一个完整监控SDK 监控后台错误还原演示示例 痛点 某⼀天用户:xx商品无法下单!...,无法被 window.onerror、try/catch、 error 事件捕获到,可通过 unhandledrejection 事件来处理 示例: try { new Promise((resolve...或事件该回调添加对应函数即可 SDK 入口 src/index.js 对外导出init事件,配置了vue、react项目的不同引入方式 vue项目Vue.config.errorHandler...,对应用户行为会添加到该错误信息 bread.png 数据上报方式 支持图片打点上报和fetch请求上报两种方式 图片打点上报优势: 1)支持跨域,一般而言,上报域名都不是当前域名,上报接口请求会构成跨域...2)体积小且不需要插入dom 3)不需要等待服务器返回数据 图片打点缺点是:url浏览器长度限制 core/transportData.js send.png 数据上报时机 优先使用 requestIdleCallback

3.2K20

【思考】$nextTick 与 setTimeout 一点对比!

一个前端开发人员(小智)走进了一个Vue酒吧。小智点了他最喜欢鸡尾酒:Nuxt。酒保正在努力制作。然后他自己就唠叨了起来。...并不是说如果你去掉nextTick,就不会得到同样结果。然而,你应该明白,Vue会根据数据内容对DOM进行修改。...到目前为止,我们已经研究了nextTick回调队列插入回调函数并在适当时候执行该函数。 这个你可能会感兴趣,nextTick回调是作为事件循环中一个微任务使用。...nextTick实现在不支持Promise和MutationObserver浏览器(IE 6-10和Opera Mini浏览器)上,使用setTimeout作为后备方法,对于不支持Promise和MutationObserver...何时使用 nexttick 当你想使用setTimeout时 当你想确定DOM能反映你数据时 尝试执行异步操作时,遇到Uncaught (in promise) DOMException等错误。

1.7K30

前端异常捕获与处理

计算机程序运行过程,也总是会出现各种各样异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 一、前言 什么是异常,异常就是预料之外事件,往往影响了程序正确运行。...其中 message 属性是唯一一个能够保证所有浏览器都支持属性,除此之外,IE、Firefox、Safari、Chrome 以及 Opera 都为事件对象添加了其它相关信息。...} finally { return "做作业"; } return "睡觉"; } 表面上调用这个函数会返回 "出去玩",因为返回 "出去玩" 语句位于 try 语句块,而执行此语句又不会出错...实际上返回 "做作业",因为最后还有 finally 子句,结果就会导致 try 块里 return 语句被忽略,也就是说调用结果只能返回 "做作业"。...,因为 IE 不支持箭头函数,需要通过Babel等工具事先转译下 使用 JSON.parse 解析时出现异常就是一个很好使用 try-catch 场景: try { JSON.parse(remoteData

3.3K30

做了一份前端面试复习计划

= "A") console.log("a");}, false);但是这些a标签可能包含一些像span、img等元素,如果点击到了这些a标签元素,就不会触发click事件因为事件绑定上...同源策略限制了从同一个加载文档或脚本如何与另一个资源进行交互。这是浏览器一个用于隔离潜在恶意文件重要安全机制。同源指的是:协议、端口号、域名必须一致。...vue-routervue-router是vuex.js官方路由管理器,它和vue.js核心深度集成,让构建但页面应用变得易如反掌 组件支持用户具有路由功能应用 (点击...async1await后面的Promise是没有返回,也就是它状态始终是pending状态,所以await之后内容是不会执行,包括async1后面的 .then。...controls 控制面板widthheight(3)source标签因为浏览器对视频格式支持程度不一样,为了能够兼容不同浏览器,可以通过source来指定视频

33920
领券