| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>audio-session-category-track-change</title> |
| <script src="../../../media/video-test.js"></script> |
| <script src="../../../media/media-file.js"></script> |
| <script> |
| async function go() { |
| for (test of tests) { |
| await test(); |
| consoleWrite(''); |
| } |
| endTest(); |
| } |
| |
| function createVideo(parameters) { |
| let target = document.querySelector('#target'); |
| target.innerHTML = ''; |
| |
| let video = document.createElement('video'); |
| target.appendChild(video); |
| |
| if (!parameters) |
| return video; |
| |
| if (parameters.autoplay) |
| video.autoplay = parameters.autoplay; |
| |
| if (parameters.muted) |
| video.muted = parameters.muted; |
| |
| if (parameters.size) { |
| if (parameters.size === 'large') { |
| video.width = 640; |
| video.height = 480; |
| } else if (parameters.size === 'small') { |
| video.width = 320; |
| video.height = 240; |
| } |
| } |
| |
| if (parameters.type) { |
| if (parameters.type === 'audio+video') |
| video.src = findMediaFile("video", "../../../media/content/test"); |
| else if (parameters.type === 'video') |
| video.src = findMediaFile("video", "../../../media/content/long-test"); |
| } |
| |
| return video; |
| } |
| |
| function enterFullscreen(target) { |
| runWithKeyDown(`document.querySelector("${target}").webkitRequestFullscreen()`); |
| return waitFor(document, 'webkitfullscreenchange'); |
| } |
| |
| function exitFullscreen() { |
| runWithKeyDown('document.webkitExitFullscreen()'); |
| return waitFor(document, 'webkitfullscreenchange'); |
| } |
| |
| let tests = [ |
| function() { |
| consoleWrite('Unloaded video elements should not be considered main content.'); |
| video = createVideo(); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', null) |
| }, |
| |
| async function() { |
| consoleWrite('Large, autoplay videos with video and audio should be considered main content.') |
| run('video = createVideo({autoplay: true, type: "audio+video", size: "large"})'); |
| await waitFor(video, 'playing'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', video) |
| }, |
| |
| async function() { |
| consoleWrite('Small, autoplay videos with video and audio should be considered main content.') |
| run('video = createVideo({autoplay: true, type: "audio+video", size: "small"})'); |
| await waitFor(video, 'playing'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', null) |
| }, |
| |
| async function() { |
| consoleWrite('Muted autoplay videos should not be considered main content.') |
| run('video = createVideo({autoplay: true, muted: true, type: "audio+video", size: "large"})'); |
| await waitFor(video, 'playing'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', null) |
| }, |
| |
| async function() { |
| consoleWrite('Video-only autoplay videos should not be considered main content.') |
| run('video = createVideo({autoplay: true, type: "video", size: "large"})'); |
| await waitFor(video, 'playing'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', null) |
| }, |
| |
| async function() { |
| consoleWrite('Non-playing videos should not be considered main content.') |
| run('video = createVideo({type: "audio+video", size: "large"})'); |
| await waitFor(video, 'canplaythrough'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', null) |
| }, |
| |
| async function() { |
| consoleWrite('Large, autoplay videos outside fullscreen element should not be considered main content'); |
| run('video = createVideo({autoplay: true, muted: true, type: "audio+video", size: "large"})'); |
| await waitFor(video, 'playing'); |
| await enterFullscreen('#fullscreen'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', null); |
| await exitFullscreen(); |
| }, |
| |
| async function() { |
| consoleWrite('Large, autoplay videos inside fullscreen element should be considered main content'); |
| run('video = createVideo({autoplay: true, type: "audio+video", size: "large"})'); |
| await waitFor(video, 'playing'); |
| await enterFullscreen('#target'); |
| testExpected('internals.bestMediaElementForRemoteControls("ControlsManager")', video); |
| await exitFullscreen(); |
| }, |
| ]; |
| |
| </script> |
| </head> |
| <body onload="go()"> |
| <div id="target"></div> |
| <div id="fullscreen"></div> |
| </body> |
| </html> |
