Clarifaiを利用した人工知能デモ2017/08/11

Clarifaiを使って人工知能のデモを作ってみた。

サンプル画像を与えて解析結果を表示してみた。

PCのfirefoxでのみ動作を確認済み。

人工知能の技術進歩がすごい。

今後のさらなる発展に期待。

【対象画像】

【解析結果】

const img = $("#img");
const field = $("#field");

var img_file = 'http://ideatocode.jp/JavaScript/clarifai-ai/metro-north.jpg';
var datas;

set_img();

const app = new Clarifai.App({
  apiKey: 'f4e2e5ffe87c472883962a126db5401d'
});

function execute(file){
  app.models.predict({id: Clarifai.GENERAL_MODEL,language: 'ja'}, file).then(
    function(response) {
      var output_obj = response;
      datas = output_obj.outputs[0].data.concepts;
      output_datas(datas);
    },
    function(err) {
      console.error(err);
    }
  );
}

function set_img(){
  img.attr("src",img_file);
}

function output_datas(d){
  var str = d[0].name;
  for(var i=1; i<d.length; i++){
    str += ", " + d[i].name;
  }
  field.text(str);
}

setTimeout(function(){execute(img_file)}, 300);