vue实现谷歌浏览器全局媒体控件

最新推荐文章于 2022-02-21 17:59:31 发布
VIP文章 最新推荐文章于 2022-02-21 17:59:31 发布
阅读量701 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43961899/article/details/104768844
版权

参考 https://dev-developers.whale.naver.com/tutorials/mediaSession/
https://qiita.com/clacking/items/c32f0c30e81168e6605b

做项目时遇到此功能，搜索发现国内关于该功能的文档很少，很简单，只要链接找的好🤣，正确搬砖，复制粘贴，坐享其成即可🙂🙂🙂
在这里插入图片描述

如上图所示：chrome浏览器的全局媒体控件允许用户在屏幕上显示媒体控件

播放音乐时会显示上图红框中的图标，展示方法如下：

访问 chrome://flags/ 此链接

搜索 Global Media Controls，选择Enabled模式，重新启动浏览器即可

最低0.47元/天 解锁文章
web夏目贵志
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
用VueJS写一个Chrome浏览器插件的实现方法
10-17
This extension demonstrates a browser action with kittens.
实用的vue插件大汇总，赶紧收藏起来
qq_40002279的博客
12-14 540
实用的vue插件大汇总，赶紧收藏起来 Vue是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件特别整理了常用的vue插件，来了个大汇总，方便查找使用，便于工作和学习。很全的vue插件汇总，赶紧收藏下吧！ 一、UI组件及框架 element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的...
vue常用插件汇总
weixin_33794672的博客
12-26 220
UI-框架element - 饿了么出品的Vue2的web UI工具套件 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端样式一致的响应式 UI 库 vuetify -...
MediaManager开源Web文件管理器JavascriptVueJS2
08-07
Media Manager 开源Web文件管理器（Javascript VueJS 2），可以替代Wordpress Media Manager，CKFinder，KCFinder，elFinder
搭建vue并且实现360和谷歌浏览器对office(ntko)在线编辑工具的集成
烈日下的野草
09-12 7577
一 ：搭建vue项目 1：第一步，需要安装node.js， 2：第二波，安装cnpm(国内淘宝镜像，方便后期依赖安装问题，减少不必要的依赖以及加快速度）执行命令npm install -g cnpm --registry=https://registry.npm.taobao.org 3：cnpm安装脚手架vue-cli在命令行中运行命令cnpm install -g vue-cl...
海康威视web控件开发+vue结合做网页开发
u013682258的博客
12-16 7207
需求:vue的项目,需要在页面展示出海康的硬盘录像机连接的摄像头的实时监控画面以及回放功能. 准备:web开发包(包含插件以及demo,在海康官网即可下载32位64位的都有.那些需要积分下载的博主良心不疼么.) 点击这里下载:链接: https://pan.baidu.com/s/12FrbycWyWWyiRJH5Yd1tPA 提取码: gam5 开始开发: 1.安装demo目录下的WebComponentsKit.exe插件(根据自己的浏览器以及系统选择32位还是64位的插件) 2.打.
Vue Devtools谷歌浏览器插件下载
07-06
Vue Devtools的谷歌浏览器插件，解压后在浏览器输入chrome://extensions/，选择加载解压后的插件，选择解压后的文件夹即可
谷歌浏览器插件 chrome扩展vue
10-25
谷歌浏览器插件 chrome扩展vue
Vue插件-谷歌浏览器
04-29
谷歌浏览器的Vue插件 直接安装 不用走npm镜像下载包,可查看Vue属性,快捷编程,压缩包包含Vue.js
Vue3谷歌浏览器调试工具Vue.js devtools 6.1.4
05-30
Vue.js devtools 6.1.4,Vue3谷歌浏览器调试工具。开发vue3必备开发工具，跟踪数据便于调试，解决数据问题。
vue-devtools谷歌浏览器插件
10-21
下载解压，选择谷歌浏览器的扩展程序，打开开发者模式，选择加载已解压的扩展程序，选择解压后的文件夹，运行vue项目，按F12，找到vue即可
vue中报错， [WDS] Disconnected!解决方法
热门推荐
weixin_43961899的博客
09-03 4万+
vue页面中报错 [WDS] Disconnected! 原因： 因为用了全局代理软件，所以需要将 vue.config.js中 {host:localhost}改为 {host: 127.0.0.1}刷新页面即可
js中的hasOwnProperty()方法
weixin_43961899的博客
07-31 2万+
hasOwnProperty()方法用于检测一个对象是否含有特定的自身属性，返回一个布尔值 那么我们来验证一下 function Fn() { this.age = 'wm' } Fn.prototype.sex = '女' var obj = new Fn() // 实例化对象会继承构造函数里的属性和方法 ...
解决video视频在ios中不能自动播放的问题
weixin_43961899的博客
11-29 1万+
视频在 safri 页面不能自动播放的原因： 因为ios中明确的指出等待用户的交互动作后才能播放video，也就是说没有得到用户的action就播放的话会被safri拦截 解决方法如下： 因为这个是微信的链接，需要在微信上点开进入他的浏览器，这里需要一个插件 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type=...
vsCode中打开新窗口
weixin_43961899的博客
12-24 7192
打开文件，但是显示的窗口只有一个，切换文件时不能打开新的窗口，还是显示当前窗口 解决办法： 按住control + shift + p mac command + shift + p 然后进行搜索 setting 然后点击上面的 （打开设置（json））将其打开 然后修改 “workbench.editor.showTabs”: true, false是不能打开新窗口，将其改为true，即可 ...
网页中有大量图片加载很慢，用什么方法进行优化
weixin_43961899的博客
02-21 7135
图片预加载 原理：在网页全部加载之前，提前加载图片，当用户需要查看图片时，可以从本地缓存中直接渲染，提供用户更好的体验，减少等待时间。 const imgs = [ "https://alifei01.cfp.cn/creative/vcg/veer/800water/veer-134642240.jpg", "https://alifei04.cfp.cn/creative/vcg/veer/800water/veer-142043813.jpg", "https://alifei
vue中实现模糊搜索功能[输入关键字显示高亮]
weixin_43961899的博客
09-06 3837
首先利用mock模拟数据 html部分 首先在input框中绑定v-model实现双向绑定 当触发input 框keyup事件时请求数据， 请求数据这方面是我封装好的，大家也可以通过axios.get(’/m/api/track’).then((res))直接请求数据，现在输入关键字就可以请求到相应的数据了 不过不要着急，我们做的更加完善一点，当点击⬇️和⬆️时所触发的事件 以上就是全部...
vue中使用import路由懒加载报错解决方法
weixin_43961899的博客
08-30 3234
一般情况下都会正常运行，但当我们运行npm run dev时却报错 原因是import属于异步引用组件，需要babel-loader处理 所以我们需要安装 npm install babel-plugin-syntax-dynamic-import -D 这是用来编译import异步引用方法的模块 然后在.babelrc中引入这个插件 { “plugin”: [‘syntax-dynamic-...
vue的谷歌浏览器插件
最新发布
10-11
对于Vue的谷歌浏览器插件，我不确定你具体指的是哪一个插件。但是，Vue.js官方提供了一个Chrome插件，名为Vue.js devtools，可以帮助开发者在浏览器中更好地调试Vue应用程序。 该插件可以让开发者查看Vue组件层次结构、组件数据、事件、路由等信息，并且还可以在控制台中查看Vue警告和错误信息。此外，该插件还提供了一些实用工具，如性能分析器和代码编辑器。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

web夏目贵志

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值