Access to the camera from the system the application is running on












0















I am building a web application with django and opencv for computer vision. In the web application there exists a button which when pressed starts the web cam of my computer. The problem is when i host the web application using my IP and access the application with a different computer and press the button, The webcam in my computer start.



I knew the problem lied in this line of code



cam = cv2.VideoCapture(0)


I looked online and found this post , which asks me to use javascript to access the webcam.




  1. Is that the best option available or can I somehow change that line of opencv code to access the camera in the system the application is running on?


  2. If there is no better way to do it than javascript, then I would also like to know once I access the webcam and display the feed onto the screen, how do I link the rest of the python code like the face detectors and classifiers to the javascript code?



I have just started getting my hands dirty with python and i still have a lot to learn.



Thanks in advance










share|improve this question























  • How does your question differ from the one you have linked?

    – Klaus D.
    Nov 21 '18 at 4:26











  • I want to know if I can accomplish the task with python itself. I also want to know how to link the python code with the video feed from javascript

    – Sashaank
    Nov 21 '18 at 4:28
















0















I am building a web application with django and opencv for computer vision. In the web application there exists a button which when pressed starts the web cam of my computer. The problem is when i host the web application using my IP and access the application with a different computer and press the button, The webcam in my computer start.



I knew the problem lied in this line of code



cam = cv2.VideoCapture(0)


I looked online and found this post , which asks me to use javascript to access the webcam.




  1. Is that the best option available or can I somehow change that line of opencv code to access the camera in the system the application is running on?


  2. If there is no better way to do it than javascript, then I would also like to know once I access the webcam and display the feed onto the screen, how do I link the rest of the python code like the face detectors and classifiers to the javascript code?



I have just started getting my hands dirty with python and i still have a lot to learn.



Thanks in advance










share|improve this question























  • How does your question differ from the one you have linked?

    – Klaus D.
    Nov 21 '18 at 4:26











  • I want to know if I can accomplish the task with python itself. I also want to know how to link the python code with the video feed from javascript

    – Sashaank
    Nov 21 '18 at 4:28














0












0








0


1






I am building a web application with django and opencv for computer vision. In the web application there exists a button which when pressed starts the web cam of my computer. The problem is when i host the web application using my IP and access the application with a different computer and press the button, The webcam in my computer start.



I knew the problem lied in this line of code



cam = cv2.VideoCapture(0)


I looked online and found this post , which asks me to use javascript to access the webcam.




  1. Is that the best option available or can I somehow change that line of opencv code to access the camera in the system the application is running on?


  2. If there is no better way to do it than javascript, then I would also like to know once I access the webcam and display the feed onto the screen, how do I link the rest of the python code like the face detectors and classifiers to the javascript code?



I have just started getting my hands dirty with python and i still have a lot to learn.



Thanks in advance










share|improve this question














I am building a web application with django and opencv for computer vision. In the web application there exists a button which when pressed starts the web cam of my computer. The problem is when i host the web application using my IP and access the application with a different computer and press the button, The webcam in my computer start.



I knew the problem lied in this line of code



cam = cv2.VideoCapture(0)


I looked online and found this post , which asks me to use javascript to access the webcam.




  1. Is that the best option available or can I somehow change that line of opencv code to access the camera in the system the application is running on?


  2. If there is no better way to do it than javascript, then I would also like to know once I access the webcam and display the feed onto the screen, how do I link the rest of the python code like the face detectors and classifiers to the javascript code?



I have just started getting my hands dirty with python and i still have a lot to learn.



Thanks in advance







javascript python django opencv






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 21 '18 at 4:14









SashaankSashaank

608




608













  • How does your question differ from the one you have linked?

    – Klaus D.
    Nov 21 '18 at 4:26











  • I want to know if I can accomplish the task with python itself. I also want to know how to link the python code with the video feed from javascript

    – Sashaank
    Nov 21 '18 at 4:28



















  • How does your question differ from the one you have linked?

    – Klaus D.
    Nov 21 '18 at 4:26











  • I want to know if I can accomplish the task with python itself. I also want to know how to link the python code with the video feed from javascript

    – Sashaank
    Nov 21 '18 at 4:28

















How does your question differ from the one you have linked?

– Klaus D.
Nov 21 '18 at 4:26





How does your question differ from the one you have linked?

– Klaus D.
Nov 21 '18 at 4:26













I want to know if I can accomplish the task with python itself. I also want to know how to link the python code with the video feed from javascript

– Sashaank
Nov 21 '18 at 4:28





I want to know if I can accomplish the task with python itself. I also want to know how to link the python code with the video feed from javascript

– Sashaank
Nov 21 '18 at 4:28












1 Answer
1






active

oldest

votes


















1














There are a lot of different ways to accomplish what you're trying to do so you will need to focus on how you want to design your application.



If you only need to perform face-detection and tracking on the client camera you might want to take a look to https://trackingjs.com/ , a JS library that is able to perform various simple computer vision tasks on the client-side.



If you need to perform some more sophisticated image processing or classification tasks on the incoming video stream you might want to do something like:



STEP 1: Get the client camera feed using JS on the client-side.



STEP 2: Serve your web application in HTTPS mode (you will need to generate an SSL certificate): if you don't do that, the JS getUserMedia() function won't execute and you will get the




getusermedia no longer works on insecure origins




If you're uncertain how to generate an SSL certificate in Python, https://pypi.org/project/pyOpenSSL/ is the way to go.



STEP 3: Now that the client camera is opened, use WebSocket to stream your client video feed to your back-end server



STEP 4: You're now on the server side and you can perform all the funcy processing here and stream back to the client through WebSocket the result of your computation.



STEP 5: The JS WebSocket listener on the client side will receive all incoming information and will display the final result on client screen.



Hope this helps






share|improve this answer

























    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    autoActivateHeartbeat: false,
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53405163%2faccess-to-the-camera-from-the-system-the-application-is-running-on%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    1














    There are a lot of different ways to accomplish what you're trying to do so you will need to focus on how you want to design your application.



    If you only need to perform face-detection and tracking on the client camera you might want to take a look to https://trackingjs.com/ , a JS library that is able to perform various simple computer vision tasks on the client-side.



    If you need to perform some more sophisticated image processing or classification tasks on the incoming video stream you might want to do something like:



    STEP 1: Get the client camera feed using JS on the client-side.



    STEP 2: Serve your web application in HTTPS mode (you will need to generate an SSL certificate): if you don't do that, the JS getUserMedia() function won't execute and you will get the




    getusermedia no longer works on insecure origins




    If you're uncertain how to generate an SSL certificate in Python, https://pypi.org/project/pyOpenSSL/ is the way to go.



    STEP 3: Now that the client camera is opened, use WebSocket to stream your client video feed to your back-end server



    STEP 4: You're now on the server side and you can perform all the funcy processing here and stream back to the client through WebSocket the result of your computation.



    STEP 5: The JS WebSocket listener on the client side will receive all incoming information and will display the final result on client screen.



    Hope this helps






    share|improve this answer






























      1














      There are a lot of different ways to accomplish what you're trying to do so you will need to focus on how you want to design your application.



      If you only need to perform face-detection and tracking on the client camera you might want to take a look to https://trackingjs.com/ , a JS library that is able to perform various simple computer vision tasks on the client-side.



      If you need to perform some more sophisticated image processing or classification tasks on the incoming video stream you might want to do something like:



      STEP 1: Get the client camera feed using JS on the client-side.



      STEP 2: Serve your web application in HTTPS mode (you will need to generate an SSL certificate): if you don't do that, the JS getUserMedia() function won't execute and you will get the




      getusermedia no longer works on insecure origins




      If you're uncertain how to generate an SSL certificate in Python, https://pypi.org/project/pyOpenSSL/ is the way to go.



      STEP 3: Now that the client camera is opened, use WebSocket to stream your client video feed to your back-end server



      STEP 4: You're now on the server side and you can perform all the funcy processing here and stream back to the client through WebSocket the result of your computation.



      STEP 5: The JS WebSocket listener on the client side will receive all incoming information and will display the final result on client screen.



      Hope this helps






      share|improve this answer




























        1












        1








        1







        There are a lot of different ways to accomplish what you're trying to do so you will need to focus on how you want to design your application.



        If you only need to perform face-detection and tracking on the client camera you might want to take a look to https://trackingjs.com/ , a JS library that is able to perform various simple computer vision tasks on the client-side.



        If you need to perform some more sophisticated image processing or classification tasks on the incoming video stream you might want to do something like:



        STEP 1: Get the client camera feed using JS on the client-side.



        STEP 2: Serve your web application in HTTPS mode (you will need to generate an SSL certificate): if you don't do that, the JS getUserMedia() function won't execute and you will get the




        getusermedia no longer works on insecure origins




        If you're uncertain how to generate an SSL certificate in Python, https://pypi.org/project/pyOpenSSL/ is the way to go.



        STEP 3: Now that the client camera is opened, use WebSocket to stream your client video feed to your back-end server



        STEP 4: You're now on the server side and you can perform all the funcy processing here and stream back to the client through WebSocket the result of your computation.



        STEP 5: The JS WebSocket listener on the client side will receive all incoming information and will display the final result on client screen.



        Hope this helps






        share|improve this answer















        There are a lot of different ways to accomplish what you're trying to do so you will need to focus on how you want to design your application.



        If you only need to perform face-detection and tracking on the client camera you might want to take a look to https://trackingjs.com/ , a JS library that is able to perform various simple computer vision tasks on the client-side.



        If you need to perform some more sophisticated image processing or classification tasks on the incoming video stream you might want to do something like:



        STEP 1: Get the client camera feed using JS on the client-side.



        STEP 2: Serve your web application in HTTPS mode (you will need to generate an SSL certificate): if you don't do that, the JS getUserMedia() function won't execute and you will get the




        getusermedia no longer works on insecure origins




        If you're uncertain how to generate an SSL certificate in Python, https://pypi.org/project/pyOpenSSL/ is the way to go.



        STEP 3: Now that the client camera is opened, use WebSocket to stream your client video feed to your back-end server



        STEP 4: You're now on the server side and you can perform all the funcy processing here and stream back to the client through WebSocket the result of your computation.



        STEP 5: The JS WebSocket listener on the client side will receive all incoming information and will display the final result on client screen.



        Hope this helps







        share|improve this answer














        share|improve this answer



        share|improve this answer








        edited Nov 21 '18 at 8:34

























        answered Nov 21 '18 at 8:29









        Loss of human identityLoss of human identity

        1,1311924




        1,1311924






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53405163%2faccess-to-the-camera-from-the-system-the-application-is-running-on%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            android studio warns about leanback feature tag usage required on manifest while using Unity exported app?

            SQL update select statement

            'app-layout' is not a known element: how to share Component with different Modules