视频流 html5 播放器。如何自动滑动搜索和音量控制
Video streaming html5 player. how to automate sliding seek & volume controls
我在 Ruby 中使用 Webdriver,我想验证 iFrame 中 html5 dash-cenc 播放器的搜索和音量滑块控件。
想法是只检查播放器是否接受提前 "x" 时间搜索或转到播放开头然后搜索一半搜索进度条的命令。问题是手动测试播放器,"arrow keys"没有用,所以寻找播放的唯一方法是在搜索栏中点击你想要的地方。
这是html我想验证播放器何时开始播放的片段:
<div id="progressbar" data-value="0" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 61.436170212766%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 61.436170212766%;"><div class="tooltip-container" style="display: none;"><div id="time-tooltip">0:03:50</div><div class="triangle-down"></div></div></span></div>
我尝试了几个示例但没有成功,这是我编写的代码的一部分,测试用例运行并且 "Toggle-play" 元素中的事件 "click" 工作正常:
reg = @driver.find_element(:id, "fancybox-frame")
@driver.switch_to.frame reg
@driver.find_element(:id, "toggle-play").click
我附上了媒体控件的屏幕截图和 Google Chrome 浏览器的 "inspect element" 部分(播放器仅适用于 Google Chrome , 不是 Firefox)
我个人认为最好的方法是使用播放器的 Java 脚本 API。查找文档并通过调用 JavaScript 操作方法来执行命令。
在 Ruby 驱动程序中执行 Java 脚本的代码:
# execute arbitrary javascript
puts driver.execute_script("return window.location.pathname")
# pass elements between Ruby and JavaScript
element = driver.execute_script("return document.body")
driver.execute_script("return arguments[0].tagName", element) #=> "BODY"
我找到了答案并为播放器尝试了以下命令:
@driver.execute_script("document.getElementById('dashplayer').load();")
@driver.execute_script("document.getElementById("dashplayer").pause();")
@driver.execute_script("document.getElementById('dashplayer').paused;")
@driver.execute_script("document.getElementById("dashplayer").play();")
@driver.execute_script("document.getElementById('dashplayer').volume;")
@driver.execute_script("document.getElementById('dashplayer').volume=0.5;")
我在 Ruby 中使用 Webdriver,我想验证 iFrame 中 html5 dash-cenc 播放器的搜索和音量滑块控件。
想法是只检查播放器是否接受提前 "x" 时间搜索或转到播放开头然后搜索一半搜索进度条的命令。问题是手动测试播放器,"arrow keys"没有用,所以寻找播放的唯一方法是在搜索栏中点击你想要的地方。
这是html我想验证播放器何时开始播放的片段:
<div id="progressbar" data-value="0" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 61.436170212766%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 61.436170212766%;"><div class="tooltip-container" style="display: none;"><div id="time-tooltip">0:03:50</div><div class="triangle-down"></div></div></span></div>
我尝试了几个示例但没有成功,这是我编写的代码的一部分,测试用例运行并且 "Toggle-play" 元素中的事件 "click" 工作正常:
reg = @driver.find_element(:id, "fancybox-frame")
@driver.switch_to.frame reg
@driver.find_element(:id, "toggle-play").click
我附上了媒体控件的屏幕截图和 Google Chrome 浏览器的 "inspect element" 部分(播放器仅适用于 Google Chrome , 不是 Firefox)
我个人认为最好的方法是使用播放器的 Java 脚本 API。查找文档并通过调用 JavaScript 操作方法来执行命令。 在 Ruby 驱动程序中执行 Java 脚本的代码:
# execute arbitrary javascript
puts driver.execute_script("return window.location.pathname")
# pass elements between Ruby and JavaScript
element = driver.execute_script("return document.body")
driver.execute_script("return arguments[0].tagName", element) #=> "BODY"
我找到了答案并为播放器尝试了以下命令:
@driver.execute_script("document.getElementById('dashplayer').load();")
@driver.execute_script("document.getElementById("dashplayer").pause();")
@driver.execute_script("document.getElementById('dashplayer').paused;")
@driver.execute_script("document.getElementById("dashplayer").play();")
@driver.execute_script("document.getElementById('dashplayer').volume;")
@driver.execute_script("document.getElementById('dashplayer').volume=0.5;")