{"id":4055,"date":"2024-11-16T18:46:08","date_gmt":"2024-11-16T15:46:08","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/"},"modified":"2024-11-16T18:46:08","modified_gmt":"2024-11-16T15:46:08","slug":"fastapi-ile-frontendda-video-akisi-2-yontem","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/","title":{"rendered":"FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem"},"content":{"rendered":"
“`html \n \n \n
\n \n FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem<\/title><br \/>\n<\/head><br \/>\n<body><\/p>\n<p>FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem<\/p>\n<p>Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend’da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. <a href=\"https:\/\/fatihsoysal.com\">Kendi web sitemde<\/a> daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.<\/p>\n<h2>Y\u00f6ntem 1: Dosya Ak\u0131\u015f\u0131 ile Video G\u00f6sterimi<\/h2>\n<p>Bu y\u00f6ntemde, video dosyas\u0131 do\u011frudan istemciye (frontend) aktar\u0131l\u0131r. Basit ve anla\u015f\u0131lmas\u0131 kolayd\u0131r, ancak b\u00fcy\u00fck dosyalar i\u00e7in performans sorunlar\u0131 ya\u015fayabilirsiniz. \u00d6zellikle y\u00fcksek \u00e7\u00f6z\u00fcn\u00fcrl\u00fckl\u00fc videolar i\u00e7in bu y\u00f6ntem, gecikme ve bant geni\u015fli\u011fi t\u00fcketimi a\u00e7\u0131s\u0131ndan dezavantajl\u0131 olabilir. Ancak, k\u00fc\u00e7\u00fck ve orta boy videolar i\u00e7in uygun bir \u00e7\u00f6z\u00fcm sunar. \u00d6te yandan, sunucu kaynaklar\u0131n\u0131n daha verimli kullan\u0131lmas\u0131 a\u00e7\u0131s\u0131ndan daha avantajl\u0131 bir y\u00f6ntem olan ikinci y\u00f6nteme g\u00f6re daha fazla kaynak t\u00fcketir. Bu y\u00f6ntemi kullanmadan \u00f6nce, bu dezavantajlar\u0131 g\u00f6z \u00f6n\u00fcnde bulundurman\u0131z olduk\u00e7a \u00f6nemlidir. \u015eimdi, bu y\u00f6ntemi nas\u0131l uygulayaca\u011f\u0131m\u0131za bakal\u0131m.<\/p>\n<p>FastAPI taraf\u0131ndaki kod \u00f6rne\u011fi \u015fu \u015fekilde olabilir:<\/p>\n<p>“`python<br \/>\nfrom fastapi import FastAPI, File, UploadFile, Response, StreamingResponse<br \/>\nimport os<\/p>\n<p>app = FastAPI()<\/p>\n<p>@app.post(“\/uploadfile\/”)<br \/>\nasync def create_upload_file(file: UploadFile = File(…)):<br \/>\n with open(f”videos\/{file.filename}”, “wb”) as buffer:<br \/>\n while content := await file.read(1024): # 1KB’l\u0131k par\u00e7alar halinde okuma<br \/>\n buffer.write(content)<br \/>\n return {“filename”: file.filename}<\/p>\n<p>@app.get(“\/videos\/{filename}”)<br \/>\nasync def get_video(filename: str):<br \/>\n file_path = f”videos\/{filename}”<br \/>\n if os.path.exists(file_path):<br \/>\n with open(file_path, “rb”) as video_file:<br \/>\n return StreamingResponse(video_file, media_type=”video\/mp4″) # veya uygun media type<br \/>\n else:<br \/>\n return {“error”: “Video bulunamad\u0131”}<br \/>\n“`<\/p>\n<p>Frontend taraf\u0131nda, Fetch API veya benzeri bir y\u00f6ntemle video dosyas\u0131na eri\u015febilir ve video oynat\u0131c\u0131n\u0131zda g\u00f6sterebilirsiniz. Bu k\u0131s\u0131m, kulland\u0131\u011f\u0131n\u0131z frontend teknolojisine ba\u011fl\u0131 olarak de\u011fi\u015fiklik g\u00f6sterebilir. <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/Fetch_API\">Fetch API d\u00f6k\u00fcmanlar\u0131na<\/a> bakabilirsiniz.<\/p>\n<h2>Y\u00f6ntem 2: HTTP Chunked Transfer Encoding ile Ak\u0131\u015f<\/h2>\n<p>Bu y\u00f6ntem, daha b\u00fcy\u00fck video dosyalar\u0131 i\u00e7in \u00e7ok daha verimlidir. Video dosyas\u0131, k\u00fc\u00e7\u00fck par\u00e7alara b\u00f6l\u00fcnerek istemciye iletilir. Bu sayede, tam dosya y\u00fcklenmesini beklemeden video oynatmaya ba\u015flayabilirsiniz. Bu y\u00f6ntemin ana avantaj\u0131, gecikmeyi azaltmas\u0131 ve bant geni\u015fli\u011fi kullan\u0131m\u0131n\u0131 optimize etmesidir. Ancak, uygulama karma\u015f\u0131kl\u0131\u011f\u0131 a\u00e7\u0131s\u0131ndan ilk y\u00f6nteme g\u00f6re daha fazla \u00e7aba gerektirir. \u0130\u015fte bu y\u00f6ntemi uygulamak i\u00e7in bir \u00f6rnek:<\/p>\n<p>FastAPI taraf\u0131ndaki kod \u00f6rne\u011fi \u015fu \u015fekilde olabilir:<\/p>\n<p>“`python<br \/>\nfrom fastapi import FastAPI, StreamingResponse<br \/>\nimport os<\/p>\n<p>app = FastAPI()<\/p>\n<p>@app.get(“\/stream\/{filename}”)<br \/>\nasync def stream_video(filename: str):<br \/>\n file_path = f”videos\/{filename}”<br \/>\n if os.path.exists(file_path):<br \/>\n def file_generator():<br \/>\n with open(file_path, “rb”) as f:<br \/>\n while True:<br \/>\n chunk = f.read(1024) # 1KB’l\u0131k par\u00e7alar halinde okuma<br \/>\n if not chunk:<br \/>\n break<br \/>\n yield chunk<br \/>\n return StreamingResponse(file_generator(), media_type=”video\/mp4″) # veya uygun media type<br \/>\n else:<br \/>\n return {“error”: “Video bulunamad\u0131”}<br \/>\n“`<\/p>\n<p>Bu kod, video dosyas\u0131n\u0131 1KB’l\u0131k bloklar halinde g\u00f6nderir ve istemci taraf\u0131nda hemen oynat\u0131lmas\u0131na olanak tan\u0131r. Bu sayede daha iyi bir kullan\u0131c\u0131 deneyimi sunulmu\u015f olur. \u0130lk y\u00f6nteme g\u00f6re daha az kaynak t\u00fcketir ve daha h\u0131zl\u0131 performans sunar. Burada da frontend taraf\u0131ndaki uygulama, kullan\u0131lan teknolojilere ba\u011fl\u0131 olarak de\u011fi\u015fkenlik g\u00f6sterecektir.<\/p>\n<p>Hangi y\u00f6ntemi se\u00e7ece\u011finiz, video dosyalar\u0131n\u0131z\u0131n b\u00fcy\u00fckl\u00fc\u011f\u00fc, hedef kitlenizin bant geni\u015fli\u011fi ve sunucu kaynaklar\u0131n\u0131z gibi fakt\u00f6rlere ba\u011fl\u0131d\u0131r. Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur! Ba\u015fka sorular\u0131n\u0131z varsa, l\u00fctfen bana bildirin. <a href=\"https:\/\/fatihsoysal.com\">Web sitemi<\/a> ziyaret ederek di\u011fer makalelerime de g\u00f6z atabilirsiniz. <\/p>\n<p><img decoding=\"async\" src=\"video_streaming.png\" alt=\"Video Streaming Illustration\" width=\"500\"> <!-- Yer tutucu g\u00f6rsel. Ger\u00e7ek bir g\u00f6rsel ekleyin. --><\/p>\n<p>#Etiketler: FastAPI, Video Ak\u0131\u015f\u0131, Frontend, Streaming, HTTP Chunked Transfer Encoding, Dosya Ak\u0131\u015f\u0131, Python, Video Oynatma, Web Geli\u015ftirme<\/p>\n<p><\/body><br \/>\n<\/html><br \/>\n“`<\/p>\n","protected":false},"excerpt":{"rendered":"“`html FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem Merhaba! Fatih Soysal…","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-4055","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>FastAPI ile Frontend'da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem<\/title>\n<meta name=\"description\" content=\"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend'da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. Kendi web sitemde daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.\" \/>\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\/fastapi-ile-frontendda-video-akisi-2-yontem\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FastAPI ile Frontend'da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem\" \/>\n<meta property=\"og:description\" content=\"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend'da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. Kendi web sitemde daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-16T15:46:08+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=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem\",\"datePublished\":\"2024-11-16T15:46:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/\"},\"wordCount\":709,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/\",\"name\":\"FastAPI ile Frontend'da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-16T15:46:08+00:00\",\"description\":\"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend'da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. Kendi web sitemde daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem\"}]},{\"@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":"FastAPI ile Frontend'da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend'da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. Kendi web sitemde daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.","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\/fastapi-ile-frontendda-video-akisi-2-yontem\/","og_locale":"tr_TR","og_type":"article","og_title":"FastAPI ile Frontend'da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem","og_description":"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend'da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. Kendi web sitemde daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.","og_url":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-16T15:46:08+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem","datePublished":"2024-11-16T15:46:08+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/"},"wordCount":709,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/","url":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/","name":"FastAPI ile Frontend'da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-16T15:46:08+00:00","description":"Merhaba! Fatih Soysal olarak, bug\u00fcn sizlere FastAPI kullanarak frontend'da video ak\u0131\u015f\u0131 sa\u011flaman\u0131n iki farkl\u0131 yolunu detayl\u0131 bir \u015fekilde a\u00e7\u0131klayaca\u011f\u0131m. Bu y\u00f6ntemler, farkl\u0131 ihtiya\u00e7lara ve senaryolara g\u00f6re size esneklik sa\u011flayacakt\u0131r. \u00d6ncelikle, her iki y\u00f6ntemin de avantajlar\u0131n\u0131 ve dezavantajlar\u0131n\u0131 ele alarak ba\u015flayal\u0131m. Daha sonra, her y\u00f6ntemi ad\u0131m ad\u0131m kod \u00f6rnekleriyle destekleyerek anlataca\u011f\u0131m. Kendi web sitemde daha fazla FastAPI i\u00e7eri\u011fi bulabilirsiniz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/fastapi-ile-frontendda-video-akisi-2-yontem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"FastAPI ile Frontend’da Video Ak\u0131\u015f\u0131: 2 Y\u00f6ntem"}]},{"@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\/4055","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=4055"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/4055\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=4055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=4055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=4055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}