私のコード
<html>
<head>
<!-- Load TensorFlow.js -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<!-- Load Posenet -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet"></script>
</head>
<body>
<img id='cat' src='./pose/images/aa_085.jpg'/>
</body>
<!-- Place your code in the script tag below. You can also use an external .js file -->
<script>
var flipHorizontal = false;
var imageElement = document.getElementById('cat');
posenet.load().then(function(net) {
const pose = net.estimateSinglePose(imageElement, {
flipHorizontal: true
});
return pose;
}).then(function(pose){
console.log(pose);
})
</script>
</html>
HTMLとJSをめったに使用せず、ほとんどの基本を忘れて、誰かが私の愚か者を親切に指摘できますか?エラー情報が添付されています。
DevToolsはSourceMapを読み込めませんでした https://cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map のコンテンツを読み込めませんでした:= HTTPエラー:ステータスコード404、ネット: :ERR_HTTP_RESPONSE_CODE_FAILURE
私の場合、私はAdBlockを無効にする必要があり、それはうまくいきました。
Coco-ssdで作業しようとしても、同様の問題がありました。この問題はバージョンが原因で発生したと思います。私はtfjsのバージョンを0.9.0に、coco-ssdバージョンを1.1.0に変更しましたが、うまくいきました。 (posenetバージョンを検索できます: https://www.jsdelivr.com/package/npm/@tensorflow-models/posenet )
<!-- Load TensorFlow.js-->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]"></script>
<!-- Load the coco-ssd model. -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/[email protected]"</script>
シークレットモードで動作するかどうかを確認してください。表示される場合は、最近のChromeのバグです。私のコンピュータでは、次の修正が機能しました:
一方、Valeriによる修正は機能しますが、それはtfjsに対してのみです。
Body-pixやその他のテンソルフロー/モデルを想定している場合は、同じ問題に直面することになります。これも未解決の問題であり、チームは修正に取り組んでいます!
https://github.com/dequelabs/axe-core/issues/1977
しかし、最新の docs からバージョンを(誰かがbody-pixを使用したい場合)分解することに問題がない場合は、以下でテストしたので両方のリンクが正常に機能します。
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/[email protected]"></script>