JavaScript ile Yapay Zeka Kullanarak Duyguları Anlamak
HTML-код
- Опубликовано: 12 мар 2020
- JavaScript ile Yapay Zeka Kullanarak Duyguları Anlamak
Bu dersimizde JavaScript ile Yapay Zeka Kullanarak Yüzümüzdeki duyguları nasıl anlayabileceğimizi görüyoruz. Bunun için face-api kütüphanesini kullanacacağız. FaceApi ile beraber Duygu kontrolü, yüz ifadelerimizi, yüz tanıma sistemini JavaScript ve TensorFlow kullanarak oldukça rahat bir şekilde yapabiliriz.
FaceApi GitHub;
github.com/justadudewhohacks/...
Kaynak Kodlar;
github.com/gkandemi/yapay-zek...
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Başlıca oynatma listeleri;
Eğitim Serileri;
► HTML Eğitimi : • HTML Eğitimi
► CSS Eğitimi : • CSS Eğitimi
► MySQL Eğitimi : • MySQL Eğitimi
► JQuery Eğitimi: • JQuery Eğitimi
► PHP Eğitimi : • PHP Eğitimi
► Codeigniter Eğitimi : • Codeigniter Eğitimi
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: • Asp.Net ile Okul Projesi
► Firebase ToDo List Yapımı : • Firebase ToDo List Yapımı
► PHP Codeigniter ile Multi Session Yapımı : • PHP Codeigniter ile Mu...
► PHP Codeigniter Otel Rezervasyon Sistemi : • PHP Codeigniter Otel R...
► Like Dislike Yapımı : • Like Dislike Yapımı
► PHP Codeigniter ile Malzeme Uygulaması : • PHP Codeigniter ile Ma...
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : • Codeigniter ile AutoCo...
► PHP Çoklu Kategori Alt Kategori Yapımı : • PHP-PDO ile Sınırsız K...
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): • Codeigniter ile Çoklu ...
► PHP Codeigniter ile Pagination Yapımı : • PHP Codeigniter ile Pa...
► PHP ile Alışveriş Sepeti Yapımı : • PHP ile Alışveriş Sepe...
► PHP Mailer Kullanımı : • PHP Mailer Kullanımı
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : • Vue.js ile Codeigniter...
► Nasıl yapılır köşesi: • Nasıl Yapılır?
► Vue.js Soru Cevap : • Vue.js Soru Cevap
► Kullandığım teknoloji ile ilgili bilgiler : • Kullandığım Web Yazılı...
Sosyal medyadan takip edin :
● VideoSınıf : www.videosinif.com
● Yazılım Eğitim : www.yazilimegitim.net
● Kişisel Web Sayfam : www.gokhankandemir.com
● Facebook : / kablosuzkedi
● Twitter : / kablosuzkedi
● Instagram : / kablosuzkedi
● Instagram : / yazilimegitim
Önemli Duyuru :
Bu videoyu yapmamızın sebebi "JavaScript Kullanarak FaceID ile Web Sayfalarında Oturum Açmak" konusunu işlemekti. Bu konuyu işleyebilmek için 2 farklı dersi yapmamız gerekiyordu aksi halde her şey havada kalacaktı. Bu videoyu çekmeden önce yaptığım araştırmada bu konunun "Web Dev Simplified" kanalı tarafından ele alındığını gördüm. Bu videodaki içerik hazırlanılırken bu dersten ilham alınmıştır Kendisine teşekkür ederim.
JavaScript Kullanarak FaceID ile Web Sayfalarında Oturum Açmak
• JavaScript Kullanarak ...
Build Real Time Face Detection With JavaScript
• Build Real Time Face D...
![PIECE BY PIECE - Official Trailer [HD] - Only In Theaters October 11](http://i.ytimg.com/vi/7Bc6trBc1kc/mqdefault.jpg)
Anlatım çok iyi hiçbir şey anlamamama rağmen sonuna kadar sıkılmadan izledim
ild defa yazılımla alakalı bir video izlerken mutlu oldum ve güldüm. :)
Reklamları bile sıkılmadan izliyorum. Helal olsun hocam sizin gibi yürekli insanlara. Bildiklerinizi Çok güzel sade ve anlaşılır dille anlatıyorsunuz.
Çok iyi bir anlatımınız var. Anlayarak ve keyif alarak siz takip ediyorum. Emeğinize sağlık
Anlatımınız gerçekten çok iyi hep böyle enerjik olmanız dileğiyle
Güzel bir eğitim oldu. Teşekkürler.
Çok güzel anlatım. Tebrik ederim. Başarılar dilerim.
js uzerine baska bu kadar iyi kanal varmidir bilmiyorum ama gercekten su tarz turkce icerik ceken yegane tek kanalsin takip ediyorm
Harika video olmuş. Hemen deneyeceğim.
daha once face api yi bulmustum denedim calistirdim fakat
sen daha farkli annatlin
ilgimi cektin
aboneyim umarim devam edersin
Siz ve Erbilen bu ülkeye güzel eğitimler kattı. Yüreğinize sağlık.
Erbileni de adam sınıfına koydun ya nasıl bir yokluktaysan artık.
Sen nasil bir kralsin bro , tesekkurler.
Bu ne güzel bir kanalmış. Tebrikler.
Eline koluna sağlık abi efsane bir kaynak olmuş çok sağol 👏👏👏👏👏
Hocam çok iyi bir eğitim olmuş teşekkürler
Harika, teşekkürler 🙏🏻
nargile içtiğini gördüm koptum vallaha, anlatışın mükemmel benim gibi acemeler için yaptığın işleri biraz daha açarmısın, kendine yeni bir mürid kazandın ☺☺☺
Harika bir anlatım diline ve aktarım yeteneğine sahipsin hocam, ilk defa denk geldim. Bir süre bu kanaldan çıkamayacağım gibi duruyor. Bu arada hocam laravel ile ilgili içeriklerde çekebilirsen çok mutlu olurum :)
anladığım konu değil ama çok ii anlatımı var arkadaşın yorumsuz bırakmak istemedim , basarılar..
Çok güzel anlatıyorsunuz, anlatımınız klasik eğitimciler gibi değil çok eğlenceli o nedenden dolayı takipteyim teşekkürler.
Ek olarak bir kısmı düzeltmek istiyorum. İlk aşamadaki 0-1 arası değer aslında yüzünüzün yüz olduğuna emin olmasının derecesi, o aşamada kızgınlıkla vs. pek alakalı değil (tabi aşırı derece kızıp yüzün yüz olduğu anlaşılamayacak düzeye gelmesi başka ^^), o kısmı düzeltmek istedim.
Teşekkürler.
Ortadaki logo köşelerde olursa bence daha güzel olur, ne dersin ? :D İlk kez izledim videolarını, çok hoşuma gitti.
Kodlama üzerine videolar genelde bunaltıcı ve anlaşılmaz oluyor. Sizin anlatım tarzınız eğlenceli ve açıklayıcı geldi bana gayet güzel. Abone oldum kanala. Yazılım konusunda çok meraklıyım ama hayat şartları bilgisayar ve yazılım mühendisliği okumamı engelledi yinede çok hevesliyim tabi mevcut bilgimle sadece internet siteleri tasarlayabiliyorum :) Yazılım konusunda çok uzman olmak için bu bölümü okumak gerekir mi illaki yoksa eğitim videoları ve istekle yapay zeka, algoritmik işlemler vb öğrenilebilir mi?
super olmuş
Allah razı olsun😃 Bu en sonda videoda anlık olarak etiketlediği duygu ifadelerini nasıl sayısal veri haline getiriyor? Biz bir videoyu izleyen 10 insanın gerçek zamanlı duygularını kaydettik diyelim, bunları istatiksel veri olarak kullanabiliyor muyuz mesela?
Nargile haricinde herşey güzel genclere kötü örnek olmayın lütfen.
Yavaş yavaş videolarımdan cikartiyorum zaten. Bu şekilde bir geri dönüş için çok teşekkür ederim :)
sanane kardeşim istediğini içer. bir şeyin güzel veya çirkin olacağına sen mi karar vereceksin? Kablosuz kedi bence nargile ile video çekmeyi arttırmalısın. hatta sevdiğin tütünleri bize de söyle de biz de içelim..
Hocam yakında kubar vururken bir video gelir mi ? ❤️
Adam dersin ortasında nargileyi çekti:D
süper
Lise 3 web tasarım okuyorum html css sql server c# gordum şuandan itibaren evde kendim çalışabilmem için ne önerirsin abi ne yollar önerirsin bilgisayarim 1 senedir bozuktu yaptirdim ve bu is uzerine calisacak sistemi kuramadim daha sql serverde baglanmama ragmen database kismi gelmedigi icin sen benim neyi öğrenmemi ilerlememi videolari programlari izleyip kullanmami onerirsin ?
Sol üstteki mavi sayı duygu olasılığı değil, tespit edilen yüzün yüz olma olasılığı.
Evet doğru :)
Yüzün yüz olma olasılığı akkskskskksk
@@mikobura2774 boş yapma
Nargileyi ne guzel cekıyorsun canım cektı yapıyorum bır tane :D
Hocam ağzınıza sağlık editorden objeyi aktif ve pasif etmek için kısayol olarak ne kullanıyorsunuz?
utku özden valla tuşları değiştiriyorum. Onları KeyMap üzerinden değiştirebilirsiniz :) bununla ilgili video çekmeyi planlıyorum ama :)
kablosuzkedi çok iyi olur hocam beklemedeyim
Hocam öncelikle teşekkür ediyorum böyle bir video için.Kütüphane tarafından bulunan yüzlerin etrafını çizen kareleri videoda ki mor kareleri çizemiyorum github tan sizin yazdığınız kodları kopyala yağıştır yaptığım halde bile çizmedi draw komutunu kullanmak için ayrıca bir şey yüklemek gerekiyor mu? Teşekkürler.
Ben orada Live Server kullaniyorum. Sen de kullandin mi?
@@kablosuzkedi evet ama herhangi bir değişiklik olmadı hocam
Merhaba!
Programınızı denemeye çalışıyorum ancak chrome debugger ı vs code üzerinden kurup run yaptığım zaman chrome kamera erişimine onay verir vermez browser kapanıyor bir türlü çözüm bulamadım yardımcı olur musunuz ? xampp kullanmam gerekli mi ?
İşletim sistemim macOS Catalina
Hocam yarasın 06:29
Abi css seti çekmeyi düşünüyor musun veya html css ile proje videoları vs ?
Efe Özsalih yok be dostum. Ama 1 videoda sass çekeceğim :)
@@kablosuzkedi O da olur hocam :)
Sadece Javascript mi kullanıyorsun? Sanki node.js alt yapısını kullanıyorsun gibi geldi bana.
Bu kütüphaneler sadece yüz için mi geçerli? Mesela bir insanın hareketlerinden(el vs) çıkarım yapabilir miyiz?
hocam 0-1 arasında olan sayı gördügü görüntünün yüzde kaç olasılıkla bir insan yüzü oldugunu belirtiyor sanırım motion efecti vermediiniz için nasıl bilebilir sizin güldügünüzü veya kızgınlıgınızı
hocam sizin çalışmanızıda denedim ama çalıştıramadım görüntü var ancak faceapi işlevini yerine getirmiyor
kütüphaneyi yükledin mi kütüphane yapıyo işlevi
Hocam Live Server ile iyi güzel çalışıyo ama normal açmak istediğimizde index.html dosyasını çalışmıyor.
Yardımcı olur musunuz?
Mesela bu duygu tespitlerini biraz uzun vadeli bir şekilde bir kitleye hitap ederek yayabilirseniz(keylogger vb. Gibi yazılımlarla beraber topluca yükletebilirseniz) kişilerden bazı durumlara karşı alınabilecek duygu tepkilerinin hepsini birer genel data olarak saklayıp projeleriniz, uygulamalarınız, reklamlarınız vb. Gibi şeylerde artık amacınız her neyse ona göre yarattığınız algıya yönelik çok olumlu ve verimli sonuçlar alabilirsiniz.( Bu dediğimi kitlelere hitap eden mecraların çoğu bu ve benzer yazılımlar ve algoritmaları kullandığını bilmekteyim lakin yazılım ve kodlamada başlangıç aşamasında olan arkadaşlar için mükemmel sekmeler yaratabilecek bir olay dizisidir ve İYİ YÖNDEKİ bilgi amaçlı olarak yorumladığımı da bilmenizi isterim iyi eğlenceler:)
face-api.js dediğiniz veri seti mi?
Abimin kolsuzluğu tuttu :D
Hocam, CI4 çıktı. CI kitabı yazan adamsınız bugüne bugün. CI4 ile ilgili videolar gelebilir mi?
Ahmet Altun ilerleyen zamanlarda var planım :))
@@kablosuzkedi süpersin hocam. Şimdi Laravel düşünsün diyebilir miyiz?
anlatim guzel ama ben yapdigimda api hata verdi yanlis yapmisimdir diye kaynak kodlari linkinden indirdim o da calismadi help me
Hocam , ben yazıllımda yeni olduğum için, merak edip , dosyaları indirdim ve Vs Code’da çalıştırdım. Index’i Chroma’da açtım ama sadece kameram çalışıyor. Acaba bi sorun mu var?
Selam dostum, VSCode yani benim kodu yazdigim editör'de bir extension var. Live Server isimli. Onu kurup calistirmalisin :)
zamanında web ile uğraşmak istemediğim için (benim için)gereksiz diye js'si esgeçmiştim, şimdi yapay zeka???
tam olarak ben. geçmiş zaman için baya üzgünüm ve senin bu yorumu yazdığın zamanlar aklım başıma gelmişti sanırım :)
Bir yazılım dili öğrenmek istiyorum ama hiç bir itici güç yok nasil devam ettirebilirim kendimi
Hocam, kodların aynısını xampp ve wampp üzerinde denedim çalışmadı. Kamera açılıyor ama diğer özellikler çalışmıyor console da hatalar var.
Modelleri yüklerken /models yerine localhost....../models şeklinde denemelisiniz. Diğer videonun hemen başında anlatıyorum modelleri yüklerken oraya da bakabilirsiniz :)
hocam isviçre hakkında video çekermisiniz. yurtdışında çalışıp tecrübelerimi türkiyeye taşıyarak senin kaderini yaşamak istiyorum. Amacım:
1. Tecrübe kazanmak,
2. Para kazanmak
ve ülkeme getirmek
8:21 'de .then(startCamera()) yanlis bir kullanim .then(startCamera) olmali
eveet doğru tespit. bunu sonraki videoda acikliyoruz. tebrikler ama :)
bende face-api.min hata veriyor konsolda hata sürekli artıyor
öncelikle teşekkürler güzel konu anlatım için ama live server kurup çalıştırmama rağmen çalışmıyor kodlar birebir verdiğiniz linkten indirip olduğu gibi çalıştırıyorum ama consolda face-api-min.js de aldığım hata aynen böyle Uncaught (in promise) Error: Failed to link vertex and fragment shaders. acaba modelleri yükleyemiyor mu mantığen modelleri yüklemese idi camerastart fonksiyonu çalışmıcaktı ama
acaba tarayıcı ile ilgili olabilir mi
html javascript te chat gpt chat bot nasıl ekleyebilirim yardımcı olur musunuz
Selam hocam bu telefonda çalışırmı?
kütüphane nerden iniyo
Hangi editörü kullanıyorsun
Emirhan Kodalak vscode dostum
@@kablosuzkedi bende böyle ışıl ışıl gözükmüyo hangi eklentileri yükledin?
merhabalar index.html için hangi eklentiyi kullanıyorsunuz?
Live Server
@@kablosuzkedi eklentiyi indirdim ama dil modu seçin kısmında seçemiyorum
yapay zeka ya yeni başladım da github linkini indirince dosya olarak geliyo ben nasıl sendeki gibi js dosyasına döndürücem
buldum abi kaynak kodlarında varmış
crbug/1173575, non-JS module files deprecated.
bu hatayı alıyorum seebını bılen varmı
Kodları hangi uygulamaya yazıyorsunuz
vscode dostum :)
Görüntü işleme videosu sandım :D
O da gelecek :)
@@kablosuzkedi var mıdır hocam kanalda
nasıl face api kuracağız o kısmı beceremedim
Kullandığın programın ismi ney hocam
Necati Efe Yıldırım vscode dostum
abi iletişim kuracağımız bir adresin varmıdır iş gibi
bende çalışmadı reis yardım edebilir misin yüzümü yakalamıyor
abi bu api çalışmıyor artık galiba ya bilgin olsun senin projende benim yaptığım(seni izleyerek) projede çalışmadı
Abi kodları yazdım ama hata alıyorum olmuyor...Yardım Eder Misin??
Ben orada Live Server kullaniyorum. sizin de live Server kurup üzerinde calistirirsaniz o zaman calisacaktir. Bir sonraki videoda bunun ile ilgili aciklama da yaptim. dilerseniz bu videodan sonraki videoya geçip başını izleyip geri dönebilirsiniz :)
@@kablosuzkedi Hocam bende live server var herşey okay hatta en son dayanamayıp senin kodları koydum ama şöyle bir sıkıntım var ekrana görüntü gelmiyor
kod yazarken her an güldürmeyi başaran tek youtubersın heralde :D
Eyvallah :)
bunu pythona aktarmanın kolay yolu varmı
Abi PYTHON dersleri varmıdır??
yakın bir dönemde maalesef yok dostum :(
vscode template adi ne acaba
Night Owl :)
Usta senin kodların hiç biri çalışmıyor. Hepsini indirdim denedim neden acaba bi yanıt verir misin? Yardımcı olursan sevinirim. Kullandığın komutların bazılarını tanımıyor sistem. Örneğin stream da hata veriyor.
Ben orada Live Server kullaniyorum. sizin de live Server kurup üzerinde calistirirsaniz o zaman calisacaktir. Bir sonraki videoda bunun ile ilgili aciklama da yaptim. dilerseniz bu videodan sonraki videoya geçip başını izleyip geri dönebilirsiniz :)
@@kablosuzkedi İyi de başka yerde çalışmıyorsa sitede nasıl çalışacak.
Hızır İLYAS sitede yine bir server üzerinden çalışacak. Doğal olarak çalışacak. Araştırma yap azıcık anlayacaksın dediğimi
Elinize sağlık güzel bir paylaşım. Hocam şöyle bir problemle karşılaştım ve aşamadım.
github.com/WebDevSimplified/Face-Detection-JavaScript/issues/8
bu adreste belirtilen hata konusunda yardımcı olursanız sevinirim.
nargile içerek javascript kodlamakmı allahım nasip et asfşalsgşlaga
abi kodlarken kafa yapmıyo mu yaa Nargile ne?😀👍😂🚬🚭
stream olmuyo
ne oldu patladın heeeğğğğ kasjdfklasjdklfjsdf
hocam çalışmıyor
Hatalar veriyor github kodu
Mert Başkaya ne gibi bir hata?
Doğrudan index.html tıklayarak açınca bütün dosyaları yükleyemiyor, dolayısıyla çalışmıyor. Herhangi bir web server (localhost) kullanınca çalışıyor.
Ayrıca
Promise.all([ ... ]).then(startCamera());
bölümündeki startCamera() ifadesinde parantez kullanmak sorun oluşturabilir. Parantez olduğunda yükleme tamamlanmasını beklemeden startCamera methodu çalışır.
Promise.all([ ... ]).then(startCamera);
şeklinde olması gerekir.
Bende calistiramadim
hocam nargile içtiğiniz için size kanım ısındı
niye nargile iciyonki anlatiyon ne guzel okulda videonu gostercez belki nargile icen adami nasil koycan
Kanalda yeniyim abicim izninle biraz takılıcam eğer 100 de 100 beğenirsem ki 100 de 50 beğendim eğer 100 de 100 beğenirsem aboneyim bilgin olsun.
Hayırlısı :))
Abi kodu neden nargileyle test ediyorsun? bu nasıl bir method hahahahah