website_magic/webcam.js at master · CodingBDX/website_magic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

        var self = this;


		const video = document.querySelector("#videoElement");
        function startCamera() {
if (navigator.mediaDevices.getUserMedia) {
    navigator.mediaDevices.getUserMedia({video: true})
        .then(function (stream) {
            video.srcObject = stream;
        }).catch(function (err) {
            throw new Error("Problème dans le stream !")
    });
}
        }
         // Trigger starting the camera
         document.getElementById("startCamera").addEventListener("click", function() {
            startCamera();
        });

        var image;
        function snapshot(){
            var video = document.getElementById("videoElement");
            var canvas = document.getElementById("drawCanvas");
            var ctx = canvas.getContext("2d");
            ctx.drawImage(video, 0, 0, 640, 480);
            image = canvas.toDataURL();
            $(video).addClass('hide');
            $("#snapshot").addClass('hide');
            $("#retake").removeClass('hide');
            $(canvas).removeClass('hide');
            $("#ocr").removeClass('hide');
        }
        function retake(){
            $("#videoElement").removeClass('hide');
            $("#snapshot").removeClass('hide');
            $("#retake").addClass('hide');
            $("#drawCanvas").addClass('hide');
            $("#ocr").addClass('hide');
        }
        var cardName;
        function ocr(){
            if (image != undefined){
                $("#threeBurgers").click();
                $("#cardName").text("Loading...");
                $.ajax({
                    url: "https://api.ocr.space/parse/image",
                    method: "POST",
                    data:{
                        'apikey': '2a1ffc26e188957',
                        'filetype': 'PNG',
                        'base64Image': image,
                    }
                }).then(function(result){
                    console.log(result.ParsedResults[0].ParsedText);
                    cardName = result.ParsedResults[0].ParsedText;
                    $("#cardName").text(cardName);
                    $(".textareacard").value(cardName);
                    $("#possibleCards").html("<span></span><br/>");
                    if (cardName != ""){
                        $.ajax({
                            url: "https://api.magicthegathering.io/v1/cards?name=" + cardName,
                            method: "GET"
                        }).then(function(cardResults){
                            console.log(cardResults);

                            if(cardResults.cards.length != 0){
                                cardResults.cards.forEach(function(card){
                                    console.log(card);
                                    $("#possibleCards span:last").after('<span><a href="http://gatherer.wizards.com/Pages/Card/Details.aspx?multiverseid='
                                    + card.multiverseid + '" target="_blank"><img src="' + card.imageUrl +'"/></a></span>');
                                    document.getElementById("possibleCards2").value = "Fifth Avenue, New York City";


                                    if(card.rulings.length !=0){
                                        card.rulings.forEach(function(rule){
                                            $("a:last").after("<p>" + rule.date +" | "+ rule.text + "</p>");
                                        });
                                    }
                                });
                            }else{
                                $("#threeBurgers").click();
                            }
                        });
                    }else{
                        $("#cardName").text("No words were found.");
                        $("#threeBurgers").click();
                    }
                })
            }
        }

        function addtext() {
            var newtext = document.myform.inputtext.value;
            if (document.myform.placement[1].checked) {
                document.myform.outputtext.value = "";
                }
            document.myform.outputtext.value += result;
        }