Automa实现PowerBI大屏滚动播放

当你使用PowerBI制作了足够多的大屏时,一定会冒出一个需求:轮流播放大屏页面,不用怕,安装 Chrome神器插件Automa就可以搞定 。

图片

不能全屏显示的问题可以参考以前发布的一期介绍

Sean,公众号:办公自动化学习与实践POWER BI本地服务器报表如何全屏展示

Automa插件是一款可以让网页自动化的插件,具有重复性任务、网页截图、数据爬虫等功能。可以利用它减少机械化操作、如打开网页、批量添加数据、测试流水线。

安装 Chrome 插件Automa

https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca

访问链接即可,添加插件就装好了。

首先设置一下语言,在Setting>Language中选择简体中文。

图片

新建工作流

点击新建工作流,命名一个powerbi的工作流,新建完之后我们就进入了编辑页面。

图片

用以下几个流程功能就可以实现轮播效果,包含触发器,浏览器当前页面,点击元素、时间延迟,重复任务。

图片

图片

设计****流程

要实现大屏轮播需要以下步骤:1.使用当前活动页面开始,2.延时,3.点击底部导航页面,4.延时,(重复3,4步骤),5.点击按钮或筛选器,6,延时,7.点击第一页,8.重复任务。

录制网页操作,获取元素

按F12打开开发者调试工具,选择录制页面,点击开始新的录制。

图片

输入名称,点击开始录制。

图片

操作完停止录制,会记录所有操作的步骤。

图片

最后可以获取各个点击的元素.

图片

插入点击元素,双击进入编辑界面,将前面录制的对应元素复制到CSS选择器。

图片

根据定义的工作流在编辑器中拖拽完成,最后保存。

图片

先在Stylebot插件中设置全屏(参考前面一期),然后启用全屏。

图片

打开Automa插件,点击运行工作流,开始大屏轮播显示。

图片

最终结果可以点击观看以下视频。

图片

Automa 是一个用于 Chrome 浏览器自动化的插件,从自动填写表格、执行重复性任务、截屏、抓取网站数据等等,完全可以根据你自己的需求来决定如何使用,用来滚动播放PowerBI大屏页面也是小菜一碟。

### 使用 Automa 实现视频自动播放 为了实现在 Web 端使用 Automa 自动播放视频的功能,可以通过集成 JavaScript 来增强自动化能力。具体来说,在创建的工作流中加入自定义的 JavaScript 脚本节点能够灵活控制页面上的媒体元素行为。 #### 创建新的工作流并添加网页加载动作 启动 Automa 后新建一个空白项目文件,随后向画布内拖拽“打开网址”组件设置目标网站链接地址作为初始步骤[^1]。 ```javascript // 打开指定URL await automa.openUrl('https://example.com/video-page'); ``` #### 插入JavaScript执行单元用于操控DOM对象属性变更 紧接着上述操作之后紧随其后的环节里放置一段可编辑脚本区域用来编写针对特定 HTML5 `<video>` 标签实例的操作命令集。这段代码将会遍历整个文档查找所有的视频控件并将它们设为autoplay模式同时移除controls特性以隐藏默认控制器界面。 ```javascript // 获取所有 video 元素并尝试播放 const videos = document.querySelectorAll('video'); videos.forEach((videoElement) => { // 移除 controls 属性 videoElement.removeAttribute('controls'); // 设置 autoplay 和 playsinline 属性 videoElement.setAttribute('autoplay', ''); videoElement.setAttribute('playsinline', ''); // 尝试播放视频 videoElement.play().catch(error => console.log(`Video playback failed: ${error}`)); }); ``` 通过这种方式不仅可以实现静默状态下循环播放多媒体资源的目的,还可以进一步定制诸如音量小调整、全切换等功能逻辑来适应不同应用场景下的需求特点。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值