{"id":18193,"date":"2025-04-15T08:45:17","date_gmt":"2025-04-15T05:45:17","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/"},"modified":"2025-04-15T08:45:17","modified_gmt":"2025-04-15T05:45:17","slug":"javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/","title":{"rendered":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme"},"content":{"rendered":"<p><body><\/p>\n<p>JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme<\/p>\n<p>Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z:  JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim.  Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r.  Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m.  \u00d6ncelikle, MRZ ve VIN&#8217;in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.<\/p>\n<h2>MRZ ve VIN Nedir?<\/h2>\n<p>MRZ, pasaportlar ve kimlik kartlar\u0131nda bulunan, makine taraf\u0131ndan okunabilen bir b\u00f6lgedir. Bu b\u00f6lge, belge sahibinin ki\u015fisel bilgilerini i\u00e7erir ve otomasyon s\u00fcre\u00e7lerinde b\u00fcy\u00fck kolayl\u0131k sa\u011flar.  \u00d6rne\u011fin, pasaport kontrol\u00fc gibi i\u015flemler bu veriler sayesinde h\u0131zlanabilir.  \u00d6te yandan, VIN ise her arac\u0131n kendine \u00f6zg\u00fc, benzersiz bir kimlik numaras\u0131d\u0131r.  Bu numara arac\u0131n \u00fcretim tarihi, modeli ve di\u011fer \u00f6nemli \u00f6zelliklerini belirler.  Bu numaran\u0131n h\u0131zl\u0131 ve do\u011fru bir \u015fekilde okunmas\u0131, ara\u00e7 takibi ve g\u00fcvenli\u011fi i\u00e7in son derece \u00f6nemlidir.<\/p>\n<h2>Proje Yap\u0131s\u0131 ve Gereksinimler<\/h2>\n<p>Projemiz i\u00e7in temelde \u00fc\u00e7 bile\u015fene ihtiyac\u0131m\u0131z var:  Bir HTML sayfas\u0131,  bir CSS dosyas\u0131 ve bir JavaScript dosyas\u0131.  HTML, kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015ftururken, CSS g\u00f6rsel d\u00fczenlemeyi sa\u011flar.  JavaScript ise taray\u0131c\u0131n\u0131n \u00e7ekirde\u011fini olu\u015fturur ve MRZ ile VIN verilerini i\u015fler.  Ek olarak, kullan\u0131c\u0131dan kameraya eri\u015fim izni istemek i\u00e7in  browser API&#8217;lerini kullanaca\u011f\u0131z.  Bu API&#8217;ler sayesinde, kullan\u0131c\u0131n\u0131n kameras\u0131ndan g\u00f6r\u00fcnt\u00fcy\u00fc yakalay\u0131p i\u015fleyebiliriz. Daha sonra bu g\u00f6r\u00fcnt\u00fcleri i\u015fleyerek MRZ ve VIN bilgilerini \u00e7\u0131karaca\u011f\u0131z.  Bu i\u015flem i\u00e7in OpenCV.js gibi bir k\u00fct\u00fcphane kullanabilirsiniz.  Ayr\u0131ca, do\u011frulama i\u015flemleri i\u00e7in bir sunucu taraf\u0131 API&#8217;sine ihtiya\u00e7 duyabilirsiniz; ancak bu makalenin kapsam\u0131 d\u0131\u015f\u0131nda kal\u0131yor.  Daha detayl\u0131 bilgi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.<\/p>\n<h2>HTML Kod \u00d6rne\u011fi<\/h2>\n<pre><code>\n&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;head&gt;\n  &lt;title&gt;MRZ ve VIN Taray\u0131c\u0131&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n  &lt;video id=\"video\"&gt;&lt;\/video&gt;\n  &lt;canvas id=\"canvas\"&gt;&lt;\/canvas&gt;\n  &lt;script src=\"script.js\"&gt;&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n<\/code><\/pre>\n<p>Bu kod, video ve canvas elementlerini ekleyerek taray\u0131c\u0131 i\u00e7in temel bir yap\u0131 olu\u015fturur.  script.js dosyas\u0131 ise JavaScript kodlar\u0131n\u0131 i\u00e7erecektir.  Bu kodda \u00f6nemli olan, kameradan gelen verilerin g\u00f6r\u00fcnt\u00fclenmesi i\u00e7in bir video eleman\u0131n\u0131n ve i\u015flenmi\u015f verilerin g\u00f6sterimi i\u00e7in bir canvas eleman\u0131n\u0131n kullan\u0131lmas\u0131d\u0131r.  Bu sayede, kullan\u0131c\u0131n\u0131n kameras\u0131 ve i\u015flenen veriler bir arada g\u00f6r\u00fcnt\u00fclenebilir.<\/p>\n<h2>JavaScript Kod \u00d6rne\u011fi (Basitle\u015ftirilmi\u015f)<\/h2>\n<pre><code>\n\/\/ Kameraya eri\u015fim ve veri i\u015fleme kodlar\u0131 burada yer alacakt\u0131r.\n\/\/ Bu \u00f6rnekte sadece temel bir yap\u0131 g\u00f6sterilmi\u015ftir.\n\/\/ Ger\u00e7ek uygulamada daha karma\u015f\u0131k i\u015flemler gerekecektir.\n\nnavigator.mediaDevices.getUserMedia({ video: true })\n  .then(function(stream) {\n    video.srcObject = stream;\n  })\n  .catch(function(err) {\n    console.log(\"Kamera eri\u015fiminde hata olu\u015ftu: \" + err);\n  });\n\n<\/code><\/pre>\n<p>Bu kod par\u00e7as\u0131, kullan\u0131c\u0131n\u0131n kameras\u0131na eri\u015fim izni ister ve videoyu g\u00f6r\u00fcnt\u00fcler.  Ger\u00e7ek bir uygulamada, bu kod daha geli\u015fmi\u015f g\u00f6r\u00fcnt\u00fc i\u015fleme algoritmalar\u0131 i\u00e7erecektir.  \u00d6rne\u011fin, OpenCV.js k\u00fct\u00fcphanesi bu noktada olduk\u00e7a faydal\u0131 olacakt\u0131r. OpenCV.js,  g\u00f6r\u00fcnt\u00fc i\u015fleme ve bilgisayar g\u00f6r\u00fc\u015f\u00fc i\u00e7in \u00e7ok g\u00fc\u00e7l\u00fc bir ara\u00e7t\u0131r.  Bu k\u00fct\u00fcphane sayesinde, MRZ ve VIN bilgilerini g\u00f6r\u00fcnt\u00fcden do\u011fru bir \u015fekilde \u00e7\u0131karabilirsiniz.<\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ ve VIN taray\u0131c\u0131s\u0131 geli\u015ftirmek, olduk\u00e7a zorlay\u0131c\u0131 ancak bir o kadar da \u00f6d\u00fcllendirici bir s\u00fcre\u00e7tir.  Bu makalede, temel ad\u0131mlar\u0131 ve gerekli bile\u015fenleri ele ald\u0131k.  Ancak, ger\u00e7ek bir uygulama geli\u015ftirmek i\u00e7in, daha derinlemesine ara\u015ft\u0131rma ve deneyim gerekmektedir.  Unutmay\u0131n ki, bu sadece bir ba\u015flang\u0131\u00e7 noktas\u0131d\u0131r.  Daha geli\u015fmi\u015f \u00f6zellikler eklemek, performans\u0131 iyile\u015ftirmek ve g\u00fcvenli\u011fi sa\u011flamak i\u00e7in daha fazla \u00e7al\u0131\u015fma yapman\u0131z gerekecektir.  Bu alanda daha fazla bilgi edinmek i\u00e7in  OpenCV.js  ve ilgili kaynaklar\u0131 inceleyebilirsiniz. Ayr\u0131ca,  <a href=\"https:\/\/dev.to\/yushulx\/developing-a-web-mrz-and-vin-scanner-with-javascript-and-html5-5go5\">bu \u0130ngilizce makale<\/a> de size yard\u0131mc\u0131 olabilir.<\/p>\n<p>#Etiketler: MRZ, VIN, Taray\u0131c\u0131, JavaScript, HTML5, Web Geli\u015ftirme, Kodlama, OpenCV.js, G\u00f6r\u00fcnt\u00fc \u0130\u015fleme, Kamera Eri\u015fimi,  Web Uygulamas\u0131,  Programlama<br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-18193","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme<\/title>\n<meta name=\"description\" content=\"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z: JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r. Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m. \u00d6ncelikle, MRZ ve VIN&#039;in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z: JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r. Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m. \u00d6ncelikle, MRZ ve VIN&#039;in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-15T05:45:17+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme\",\"datePublished\":\"2025-04-15T05:45:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\"},\"wordCount\":708,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\",\"name\":\"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-04-15T05:45:17+00:00\",\"description\":\"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z: JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r. Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m. \u00d6ncelikle, MRZ ve VIN'in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme","description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z: JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r. Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m. \u00d6ncelikle, MRZ ve VIN'in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/","og_locale":"tr_TR","og_type":"article","og_title":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme","og_description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z: JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r. Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m. \u00d6ncelikle, MRZ ve VIN'in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.","og_url":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-04-15T05:45:17+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"4 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme","datePublished":"2025-04-15T05:45:17+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/"},"wordCount":708,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/","url":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/","name":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-04-15T05:45:17+00:00","description":"Merhaba! Ben Fatih Soysal ve bug\u00fcn sizlerle heyecan verici bir konuyu ele alaca\u011f\u0131z: JavaScript ve HTML5 kullanarak web tabanl\u0131 bir MRZ (Makine Okunabilir B\u00f6lge) ve VIN (Ara\u00e7 Kimlik Numaras\u0131) taray\u0131c\u0131s\u0131 geli\u015ftirmek. Bu makalede, ad\u0131m ad\u0131m ilerleyerek bu g\u00fc\u00e7l\u00fc arac\u0131 nas\u0131l olu\u015fturabilece\u011finizi g\u00f6sterece\u011fim. Ba\u015flamadan \u00f6nce, temel HTML, CSS ve JavaScript bilgilerine sahip olman\u0131z olduk\u00e7a faydal\u0131 olacakt\u0131r. Ancak korkmay\u0131n, kod \u00f6rneklerini ve a\u00e7\u0131klamalar\u0131 ile her ad\u0131mda yan\u0131n\u0131zda olaca\u011f\u0131m. \u00d6ncelikle, MRZ ve VIN'in ne oldu\u011funu ve neden bunlara bir web taray\u0131c\u0131s\u0131 \u00fczerinden eri\u015fmek isteyebilece\u011fimizi inceleyelim.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/javascript-ve-html5-ile-web-mrz-ve-vin-tarayici-gelistirme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript ve HTML5 ile Web MRZ ve VIN Taray\u0131c\u0131 Geli\u015ftirme"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=18193"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/18193\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=18193"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=18193"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=18193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}