This example records from the selected audio input device (microphone) and plays to the selected audio output device (speaker). Be aware of a possible audio loop.<\/p>\n
The web browser will block you from getting a proper media device list when just running on filesystem files. You’ll have to host them on a web server, which can be local.<\/p>\n
For testing purposes under Windows just activate IIS under the system features. The localhost files are kept under ‘C:\\inetpub\\wwwroot’. Put the following files in a subfolder. Then open them with the web browser at ‘localhost\/<subfolder>’.<\/p>\n
index.html<\/strong><\/p>\n script.js<\/strong><\/p>\n This example records from the selected audio input device (microphone) and plays to the selected audio output device (speaker). Be<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[55],"tags":[],"_links":{"self":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts\/13415"}],"collection":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13415"}],"version-history":[{"count":1,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts\/13415\/revisions"}],"predecessor-version":[{"id":16834,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=\/wp\/v2\/posts\/13415\/revisions\/16834"}],"wp:attachment":[{"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13415"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.max-sperling.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\r\n<html>\r\n <head>\r\n <script src="script.js" defer><\/script>\r\n <\/head>\r\n <body>\r\n <table>\r\n <tr><td>Input<\/td><td><select id='input'><\/select><\/td><\/tr>\r\n <tr><td>Output<\/td><td><select id='output'><\/select><\/td><\/tr>\r\n <\/table>\r\n <audio id='player' autoplay><\/audio>\r\n <\/body>\r\n<\/html>\r\n<\/pre>\n
\n\r\nconst input = document.getElementById('input');\r\nconst output = document.getElementById('output');\r\nconst player = document.getElementById('player');\r\n\r\nfunction setStream(stream) {\r\n player.srcObject = stream;\r\n};\r\n\r\nfunction getDevices() {\r\n return navigator.mediaDevices.enumerateDevices();\r\n}\r\n\r\nfunction fillLists(devices) {\r\n devices.forEach(function(device) {\r\n const option = document.createElement('option');\r\n option.value = device.deviceId;\r\n\r\n if (device.kind === 'audioinput') {\r\n option.text = (device.label ||\r\n 'Audio Input Device ' + input.length);\r\n input.appendChild(option);\r\n }\r\n else if (device.kind === 'audiooutput') {\r\n option.text = (device.label ||\r\n 'Audio Output Device ' + output.length);\r\n output.appendChild(option);\r\n }\r\n });\r\n}\r\n\r\nfunction outputChanged() {\r\n player.setSinkId(output.value ? output.value : 'default');\r\n}\r\n\r\nfunction inputChanged() {\r\n const constraint = {\r\n audio: { deviceId: input.value ? input.value : 'default' }\r\n };\r\n navigator.mediaDevices.getUserMedia(constraint)\r\n .then(setStream);\r\n}\r\n\r\nfunction initalize() {\r\n navigator.mediaDevices.getUserMedia({ audio: true })\r\n .then(setStream).then(getDevices).then(fillLists);\r\n}\r\n\r\noutput.onchange = outputChanged;\r\ninput.onchange = inputChanged;\r\n\r\ninitalize();\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"