zoukankan      html  css  js  c++  java
  • xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

    HTMLMediaElement.srcObject & URL.createObjectURL & HTMLMediaElement.src

    Uncaught TypeError: Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided.

    https://learning.xgqfrms.xyz/000projects/pwa-photo/index.html

    video.srcObject = mediaStream;

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/srcObject

    The object can be a MediaStream, a MediaSource, a Blob, or a File (which inherits from Blob).

        // Request the camera.
        // const mediaStream = await navigator.mediaDevices.getUserMedia({video: true});
        navigator.getMedia(
          {
            video: true
          },
          // Success Callback
          function (stream) {
            log(`stream`, typeof stream, stream);
            // const mediaStream = new MediaStream();
            // video.src = URL.createObjectURL(mediaStream);
            // Uncaught (in promise) DOMException: Failed to load because no supported source was found.
            // video.src = stream;
            // const mediaStream = new MediaStream(stream);
            // const mediaStream = new MediaStream();
            video.srcObject = stream;
            // Create an object URL for the video stream and set it as src of our HTLM video element.
            // video.src = URL.createObjectURL(stream);
            // Play the video element to start the stream.
            video.play();
            video.onplay = function () {
              showVideo();
            };
          },
          // Error Callback
          function (err) {
            displayErrorMessage("There was an error with accessing the camera stream: " + err.name, err);
          }
        );
    
    

    promise

    Uncaught (in promise) DOMException: Failed to load because no supported source was found

    Uncaught SyntaxError: await is only valid in async function

    // async  await
    const mediaStream = await navigator.mediaDevices.getUserMedia({video: true});
    
    

    async await

          // Success Callback
          async function (stream) {
            const mediaStream = await navigator.mediaDevices.getUserMedia({video: true});
            log(`stream`, typeof stream, stream);
            // const mediaStream = new MediaStream();
            // video.src = URL.createObjectURL(mediaStream);
            // Uncaught (in promise) DOMException: Failed to load because no supported source was found.
            // video.src = stream;
            // const mediaStream = new MediaStream(stream);
            // const mediaStream = new MediaStream();
            video.srcObject = mediaStream;
            // video.srcObject = stream;
            // Create an object URL for the video stream and set it as src of our HTLM video element.
            // video.src = URL.createObjectURL(stream);
            // Play the video element to start the stream.
            video.play();
            video.onplay = function () {
              showVideo();
            };
          },
    
    

    ©xgqfrms 2012-2020

    www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


  • 相关阅读:
    让应用通过苹果审核出人头地的10个方法
    正则表达式练习 Regex Golf
    Cocos2d-iOS入门知识详解
    Linux C++/Java/Web/OC Socket网络编程
    JAVA-API Dom4J解析xml/OPML & Rome解析RSS & QRCode编码解码
    李开复:做技术还是管理?
    水两道搜索
    利用HttpClient4进行网络通讯
    hdu5698 百度之星2016round2b第3题
    百度之星2016资格赛D,水题
  • 原文地址:https://www.cnblogs.com/xgqfrms/p/13033177.html
Copyright © 2011-2022 走看看