pose-input.ts:13 Uncaught (in promise) Your browser does not support WebRTC. Please try another one.

googlecreativelab / creatability-components

Web components for making creative tools more accessible.

Other

288 stars 49 forks source link

I received this error:

pose-input.ts:13 Uncaught (in promise) Your browser does not support WebRTC. Please try another one.

Browsers I tried:

Chromium
Firefox
Safari

I also tried to fix this error by:

running the example in the README.md:


    <!-- webcomponents-loader loads polyfills only for browsers not supporting Shadow DOM -->
    <script src="//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.0.2/webcomponents-loader.js"></script>
    <script src="dist/acc-components.min.js"></script>

    <acc-input-mode-select>
        <acc-mouse-input amplification="10"></acc-mouse-input>
        <acc-pose-input smoothing="0.5" selected></acc-pose-input>
    </acc-input-mode-select>

    <script>
        const inputSelector = document.querySelector('acc-input-mode-select');

        // all of the input's events bubble up to the selector
        inputSelector.addEventListener('input', function onInput(event){
            const input = event.target;
            // position mapped to the content's coordinate space
            // by default this is document.body, it can be set to any
            // element with inputSelector.contentElement = htmlElement;
            // or <acc-input-mode-select contentselector="#content">
            // exists on individual inputs as well
            const x = input.contentX;
            const y = input.contentY;
        }
    </script>
</body>

- Running [example.html](https://github.com/googlecreativelab/creatability-components/blob/dev/example.html) on a local server

And I continued to receive this error:

pose-input.ts:13 Uncaught (in promise) Your browser does not support WebRTC. Please try another one.

<script src="//cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/2.0.2/webcomponents-loader.js"></script> <script src="dist/acc-components.min.js"></script> <acc-input-mode-select> <acc-mouse-input amplification="10"></acc-mouse-input> <acc-pose-input smoothing="0.5" selected></acc-pose-input> </acc-input-mode-select> <script> const inputSelector = document.querySelector('acc-input-mode-select'); // all of the input's events bubble up to the selector inputSelector.addEventListener('input', function onInput(event){ const input = event.target; // position mapped to the content's coordinate space // by default this is document.body, it can be set to any // element with inputSelector.contentElement = htmlElement; // or <acc-input-mode-select contentselector="#content"> // exists on individual inputs as well const x = input.contentX; const y = input.contentY; } </script> </body>

googlecreativelab / creatability-components

pose-input.ts:13 Uncaught (in promise) Your browser does not support WebRTC. Please try another one. #25