如何使用JavaScript和PHP制作网络摄像头流？

Question

I want to create a webcam stream, how I start my webcam on the admin page and insert a widget into the FrontEnd which is load the stream which is streamed from the admin site.

I solved how view the webcam on the admin page and how to load a video on the FrontEnd.

So how can I send the webcamera image continously and save it on the server temporarly, how only the last few seconds of the video is stored ( this last one is not important ) and load it on the FrontEnd?

Answer 1

如果你可以看到这篇英文文章
的话，也许会对你有一定的帮助。你可以借助文中提到的工具进行图像上传到服务器的操作，并随时下载。

JavaScript 部分用的是 webcam SDK

PHP代码

创建一个操作页面upload.php以从Web客户端接收图像：

<?php
    $strJson = "{\"success\":false}";

    try{

        $file = $_FILES["RemoteFile"];

        $fileName = $_POST["fileName"];
        if ($fileName == "" || $fileName == null) $fileName = $file["name"];

        $filePath = dirname(__FILE__) . "/upload/";
        if (!file_exists($filePath)) {
            mkdir($filePath);
        }

        if (file_exists($filePath . $fileName))
        {
            $iniNum = 0;
            if (strpos($fileName, "(") !== FALSE && strpos($fileName, ")") !== FALSE)
            {
                $leftPhPos =  strrpos($fileName, "(");
                $rightPhPos = strrpos($fileName, ")");
                if ($leftPhPos < $rightPhPos) {
                    $numStr = substr($fileName, $leftPhPos + 1, $rightPhPos - $leftPhPos - 1);
                    if (is_numeric($numStr))
                    {
                        $iniNum = intval($numStr);
                        $fileName = substr($fileName, 0, $leftPhPos) . substr($fileName, $rightPhPos + 1);
                    }
                    else { 
                        $iniNum = 0;
                    }
                }
            }
            $indexPoint = strrpos($fileName, ".");
            $str1 = substr($fileName, 0, $indexPoint) . "(";
            $str2 = ")" . substr($fileName, $indexPoint);
            for ($i = $iniNum; ; ++$i)
            {
                if (!file_exists($filePath . ($str1 . $i . $str2)))
                {
                    $fileName = $str1 . $i . $str2;
                    break;
                }
            }
        }

        $fileFullPath = $filePath . $fileName;

        if(strpos($file["type"], 'text/plain') === false){
            move_uploaded_file($file["tmp_name"] , $fileFullPath);
        }else{
            $file_contents = base64_decode(str_replace(' ', '+', file_get_contents($file['tmp_name'])));
            file_put_contents($fileFullPath, $file_contents);
        }

        $strJson = "{\"success\":true, \"fileName\":\"" . $fileName . "\"}";


    }
    catch(Exception $ex){
        $strJson = "{\"success\":false, \"error\": \"" . ex.Message.Replace("\\", "\\\\") . "\"}";
    }   

    // Response.Clear();
    header("Content-Type: application/json; charset=utf-8");
    echo $strJson;
?>