jQueryウェブカメラ：保存モードでエラーが発生しました：エラー：保存モードがコンパイルされていません "

Question

私は現在、ユーザーがウェブカメラ経由でプロフィール写真を設定できるように写真スナップショット機能を実装しています。

問題は、私は、ユーザーが「写真を撮る」とユーザ画像のAPIによって取得されるべき適切な場所にあるサーバーに保存したスナップショットを持っているをクリック持ちたいという点で発生する。

それはこのようです私のボタンが押されると、写真のキャプチャは正常に行われますが、エラーはというエラーが表示されているので、保存が正しく実行されません

注：保存するURLには、?hash=XYZ123のような変数hashが含まれています。これはイメージがPHPファイル内でどのように命名されるかです。

URLから変数hashとrefを削除しようとしましたが、画像データが何らかの理由で失われたり無視されたりしても差異はありませんでした。誰かが私がここで間違ったことを見ることができますか？私は、ドキュメントと同様にSOに所在する他のいくつかの投稿、like this oneを辿ったと確信しています。

スクリーンショット

HTML

<div id="camera"></div> <!-- WebCam Live Display --> 
<div id="wcStatus"></div> <!-- Debug Text Display --> 

<button onclick="showWebcam();">Use Webcam Instead</button> 

<!--This button is normally hidden until camera initialized, but for sake for demo--> 
<button onclick="saveWebCam('XYZ123', '66');">Take a picture!</button> 

JS

function showWebcam(){ 
    $("#camera").webcam({ 
     width: 320, 
     height: 240, 
     mode: "save", 
     swffile: "/webcam/jscam_canvas_only.swf", 
     debug: function(type, string) { 
      $('#wcStatus').append(type + ": " + string + '<br /><br />'); 
     }  
    }); 
} 
function saveWebCam(hash, id){ 
    var url = '/accountFiles/userImages/saveFromWebCam.php?hash=' + hash + '&ref=' + randomString(30); 
    $('#wcStatus').append('Capturing: ' + url + '<br /><br />'); 
    webcam.capture(); 
    webcam.save(url); 
} 

PHP（saveFromWebCam.php）

<?php 
    $destFile=$_REQUEST['hash'].'.jpg'; 
    $str = file_get_contents('php://input'); 
    file_put_contents($destFile, pack("H*", $str));  
?> 

デバッグ出力

notify: Camera started

Capturing: /accountFiles/userImages/saveFromWebCam.php

notify: Capturing started.

notify: Capturing finished.

error: No save mode compiled in.

Answer 1

しばしばそうであるように、時間の制約は、このプロジェクトへの代替案を模索するために私を余儀なくされています。私は、ウェブ全体にあるように、jpegCam Projectを使用することを決めました。私はそれを持って約15分で実行しています。簡単！私がこの質問を削除しない唯一の理由は、そのような知識の将来の探求者のためです。

Answer 2

これはあなたのエラーです：

swffile: "/webcam/jscam_canvas_only.swf", 

は次のようになります。plugin webpageから

swffile: "js/jscam.swf", 

引用：

Points to the swf file of the Flash movie, which provides the webcam API. There are two swf files provided via the download archive: jscam.swf, which provides the full API and jscam_canvas_only.swf which have no embedded JPEG library (I embedded an adjusted JPGEncoder of the AS 3 corelib). Thereby, the file is only one third as large as the original.