| <!DOCTYPE html> |
| <title>Decode Capabilities Test</title> |
| <div id="console"></div> |
| <script type='text/javascript'> |
| function log(message) { |
| let consoleElement = document.getElementById('console'); |
| let entry = document.createElement('div'); |
| entry.appendChild(document.createTextNode(message)); |
| consoleElement.appendChild(entry); |
| console.log(message); |
| } |
| |
| function runTest(configuration) { |
| try { |
| navigator.mediaCapabilities.decodingInfo(configuration) |
| .then((result) => { |
| log('Decoding is ' |
| + (result.supported ? '' : 'un') + 'supported'); |
| |
| document.title = result.supported ? 'SUPPORTED' : 'UNSUPPORTED'; |
| }) |
| .catch((e) => { |
| log('Promise rejected: ' + e); |
| document.title = "ERROR"; |
| }); |
| |
| } catch (e) { |
| log('Exception:' + e); |
| document.title = "ERROR"; |
| } |
| } |
| |
| function testVideoConfig(queryType, contentType) { |
| // Clear previous test result from title. |
| document.title = ''; |
| |
| log("Testing video content type: " + contentType); |
| |
| const configuration = { |
| type : queryType, |
| video : { |
| contentType : contentType, |
| |
| // Any reasonable value will do. |
| width : 640, |
| height : 480, |
| bitrate : 10000, |
| framerate : 30 |
| } |
| }; |
| |
| runTest(configuration); |
| } |
| |
| function testAudioConfig(queryType, contentType) { |
| // Clear previous test result from title. |
| document.title = ''; |
| |
| log("Testing audio content type: " + contentType); |
| |
| const configuration = { |
| type : queryType, |
| audio : { |
| contentType : contentType |
| } |
| }; |
| |
| runTest(configuration); |
| } |
| |
| function testAudioConfigWithSpatialRendering(spatialRendering, queryType, contentType) { |
| // Clear previous test result from title. |
| document.title = ''; |
| |
| log("Testing audio content type: " + contentType + ", spatialRendering: " + spatialRendering); |
| |
| const configuration = { |
| type : queryType, |
| audio : { |
| contentType : contentType, |
| spatialRendering : spatialRendering |
| } |
| }; |
| |
| runTest(configuration); |
| } |
| |
| function testVideoConfigWithHdrMetadata(hdrMetadataType, |
| colorGamut, |
| transferFunction, |
| queryType, |
| contentType) { |
| // Clear previous test result from title. |
| document.title = ''; |
| |
| log("Testing video content type: " + contentType + |
| ", HDR metadata type: " + hdrMetadataType + |
| ", color gamut: " + colorGamut + |
| ", transfer function: " + transferFunction); |
| |
| const configuration = { |
| type : queryType, |
| video : { |
| contentType : contentType, |
| hdrMetadataType : hdrMetadataType, |
| colorGamut : colorGamut, |
| transferFunction : transferFunction, |
| // Any reasonable value will do. |
| width : 640, |
| height : 480, |
| bitrate : 10000, |
| framerate : 30 |
| } |
| }; |
| |
| runTest(configuration); |
| } |
| |
| function testVideoConfigWithoutHdrMetadata(colorGamut, |
| transferFunction, |
| queryType, |
| contentType) { |
| // Clear previous test result from title. |
| document.title = ''; |
| |
| log("Testing video content type: " + contentType + |
| ", color gamut: " + colorGamut + |
| ", transfer function: " + transferFunction); |
| |
| const configuration = { |
| type : queryType, |
| video : { |
| contentType : contentType, |
| colorGamut : colorGamut, |
| transferFunction : transferFunction, |
| |
| // Any reasonable value will do. |
| width : 640, |
| height : 480, |
| bitrate : 10000, |
| framerate : 30 |
| } |
| }; |
| |
| runTest(configuration); |
| } |
| </script> |
