﻿
{"id":1813,"date":"2013-07-07T17:26:41","date_gmt":"2013-07-07T17:26:41","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=1813"},"modified":"2013-08-26T22:09:21","modified_gmt":"2013-08-26T22:09:21","slug":"asp-net-mvc-4-0-video-nesnesi","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/asp-net-mvc-4-0-video-nesnesi\/","title":{"rendered":"Asp.NET MVC 4.0 &#8211; Video Nesnesi"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Asp.NET MVC mimarisi, Microsoft Web Helpers k\u00fct\u00fcphanesi e\u015fli\u011finde g\u00fczel bir nesneyle daha kullan\u0131\u015fl\u0131 hale geliyor.Video nesnesi sayesinde projelerimizde ister localde istersekte ba\u015fka bir sunucuda bar\u0131nd\u0131r\u0131lan Multimedya dosyalar\u0131n\u0131 yay\u0131nlayabiliyoruz.<br \/>\n<!--more--><br \/>\nVideo nesnesini kullanabilmeniz i\u00e7in Microsoft Web Helpers k\u00fct\u00fcphanesini projenize entegre etmelisiniz.Bu i\u015flem i\u00e7in \u00f6ncelikle <a href=\"http:\/\/www.gencayyildiz.com\/blog\/asp-net-mvc-microsoft-web-helpers-paketi-yuklenmesi\/\" target=\"_blank\">Asp.NET MVC &#8211; Microsoft Web Helpers Paketi Y\u00fcklenmesi<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131m\u0131 okuyunuz.<br \/>\nBu nesnenin destekledi\u011fi 3 adet player mevcuttur.Bunlar &#8220;<strong>Flash<\/strong>&#8220;,&#8221;<strong>MediaPlayer<\/strong>&#8221; ve &#8220;<strong>SilverLight<\/strong>&#8221; formatlar\u0131d\u0131r.<\/p>\n<p><span style=\"color: #ff6600;\"><em><strong>Flash<\/strong><\/em><\/span><br \/>\nBu player sayesinde .swf uzant\u0131l\u0131 Multimedya dosyalar\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyebilir ve oynatabiliriz.<br \/>\nPrototipi a\u015fa\u011f\u0131daki gibidir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@Video.Flash(\r\n    string path,\r\n    string width,\r\n    string height,\r\n    bool play,\r\n    bool loop,\r\n    bool menu,\r\n    string bgColor,\r\n    string quality,\r\n    string scale,\r\n    string windowMode,\r\n    string baseUrl,\r\n    string version,\r\n    object options,\r\n    object htmlAttributes,\r\n    string embedName)\r\n<\/pre>\n<p>Parametrelerden bahsedelim.<br \/>\n<strong>path<\/strong> : Multimedya dosyas\u0131n\u0131n yolunu belirtiriz.<br \/>\n<strong>width<\/strong> : Video oynat\u0131c\u0131s\u0131n\u0131n panel geni\u015fli\u011fi ayarlan\u0131r.<br \/>\n<strong>height<\/strong> : Video oynat\u0131c\u0131s\u0131n\u0131n panel y\u00fcksekli\u011fi ayarlan\u0131r.<br \/>\n<strong>play<\/strong> : Video otomatik olarak ba\u015flay\u0131p ba\u015flamayaca\u011f\u0131n\u0131 ayarlar\u0131z.<br \/>\n<strong>loop<\/strong> : Video s\u00fcrekli olarak oynay\u0131p oynamayaca\u011f\u0131n\u0131 belirleriz.<br \/>\n<strong>menu<\/strong> : Video oynatma ayarlar\u0131n\u0131n bulundu\u011fu sa\u011f click(mause ile) men\u00fcs\u00fcn\u00fcn g\u00f6r\u00fcnt\u00fclenip g\u00f6r\u00fcnt\u00fclenmemesini belileriz.<br \/>\n<strong>bgColor<\/strong> : Video oynat\u0131c\u0131 uygulamas\u0131n\u0131n zemin rengini belirleriz.<br \/>\n<strong>quality<\/strong> : Video kalitesini belirleriz.&#8221;<em>low<\/em>&#8220;, &#8220;<em>autolow<\/em>&#8220;, &#8220;<em>autohigh<\/em>&#8220;, &#8220;<em>medium<\/em>&#8220;, &#8220;<em>high<\/em>&#8221; ve &#8220;<em>best<\/em>&#8221; de\u011ferlerini al\u0131r.<br \/>\n<strong>scale<\/strong> : Video boyutunu ayarlar.\u015eu de\u011ferleri al\u0131r;<\/p>\n<ul>\n<li><em><span style=\"color: #0000ff;\">exactfit<\/span> <\/em>: Kaynak olarak verilen videonun i\u00e7eri\u011fi, orjinal en boy orant\u0131s\u0131 bozulmadan g\u00f6sterilir.Ancak video i\u00e7eri\u011fi bozuk g\u00f6r\u00fcnebilir.<\/li>\n<li><em><span style=\"color: #0000ff;\">showall<\/span><\/em> : Orjinal \u00a0en boy oran\u0131 korunurken, videonun tamam\u0131 g\u00f6r\u00fcnt\u00fclenir.Ancak video oynat\u0131c\u0131 video i\u00e7eri\u011finin her bir kenar\u0131nda video s\u0131n\u0131rlarn\u0131 g\u00f6sterir.<\/li>\n<li><em><span style=\"color: #0000ff;\">noorder<\/span><\/em> : Orjinal en boy oran\u0131 korunurken, video kenarlar\u0131nda k\u0131rp\u0131lmalar olabilir.<\/li>\n<\/ul>\n<p><strong>windowMode<\/strong> : Video oynat\u0131c\u0131s\u0131n\u0131n g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc belirleriz.&#8221;<em>transparent<\/em>&#8220;,&#8221;<em>window<\/em>&#8221; ve &#8220;<em>opaque<\/em>&#8221; de\u011ferlerini alabilir.<br \/>\n<strong>baseUrl<\/strong> : E\u011fer Flash dosyam\u0131z Localde de\u011fil de uzaktaki bir serverdaysa URL yap\u0131s\u0131n\u0131 bu parametreye belirleyebiliriz.<br \/>\n<strong>version<\/strong> : Flash s\u00fcr\u00fcm\u00fc.<br \/>\n<strong>options<\/strong> : Flash html nesnesine parametre aktarmak i\u00e7in kullan\u0131l\u0131r.<br \/>\n<strong>htmlAtributes<\/strong> : Olu\u015fturulacak olan Flash html nesnesi ile ilgili html nitelikleri belirtir.<br \/>\n<strong>embedName<\/strong> : Olu\u015fturulacak olan Flash html nesnesi , video html referans\u0131 i\u00e7erdi\u011finde kullan\u0131lan embed html \u00f6\u011fesi i\u00e7in bir isim belirtir.<\/p>\n<p>\u015eimdi <em>Flash<\/em> i\u00e7in bir \u00f6rneklendirme yapal\u0131m.MVC projemizdeki &#8220;Content&#8221; klas\u00f6r\u00fcne bir .swf uzant\u0131l\u0131 dosya at\u0131yoruz.Controller katman\u0131m\u0131zda &#8220;Home(Controller).cs&#8221; isminde bir Controller s\u0131n\u0131f\u0131 olu\u015ftural\u0131m ve &#8220;Index&#8221; isimli ActionResult tipinden olan metodun View katman\u0131ndaki g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc olu\u015ftural\u0131m.Bu g\u00f6r\u00fcnt\u00fcn\u00fcn kaynak kodlar\u0131n\u0131 a\u015fa\u011f\u0131daki gibi kurcalayal\u0131m.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers\r\n@Video.Flash(path: &quot;~\/Content\/11-02.swf&quot;, width: &quot;500&quot;, height: &quot;500&quot;)\r\n<\/pre>\n<p>Projeyi derleyip \u00e7al\u0131\u015ft\u0131rd\u0131\u011f\u0131m\u0131zda a\u015fa\u011f\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcyle kar\u015f\u0131la\u015faca\u011f\u0131z.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/07\/Asp.NET-MVC-Video-Nesnesi.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-1816\" alt=\"Asp.NET MVC Video Nesnesi\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/07\/Asp.NET-MVC-Video-Nesnesi-300x224.png\" width=\"300\" height=\"224\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/07\/Asp.NET-MVC-Video-Nesnesi-300x224.png 300w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/07\/Asp.NET-MVC-Video-Nesnesi.png 499w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Bu \u00f6rneklendirmedeyi di\u011fer parametreleri kullanarak geni\u015fletebilirsiniz.<br \/>\n<span style=\"color: #ff6600;\"><em><strong>MediaPlayer<\/strong><\/em><\/span><br \/>\nBu player sayesinde .wmv uzant\u0131l\u0131 Multimedya dosyalar\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyebilir ve oynatabiliriz.<br \/>\nPrototipi a\u015fa\u011f\u0131daki gibidir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@Video.MediaPlayer(\r\n    string path,\r\n    string width,\r\n    string height,\r\n    bool autoStart,\r\n    int playCount,\r\n    string uiMode,\r\n    bool stretchToFit,\r\n    bool enableContextMenu,\r\n    bool mute,\r\n    int volume,\r\n    string baseUrl,\r\n    object options,\r\n    object htmlAttributes,\r\n    string embedName);\r\n<\/pre>\n<p><strong>autoStart<\/strong> : Videonun otomatik olarak ba\u015flay\u0131p ba\u015flamayaca\u011f\u0131n\u0131 belirleriz.<br \/>\n<strong>playCount<\/strong> : Videonun ka\u00e7 defa tekrarlanaca\u011f\u0131 belirlenir.<br \/>\n<strong>uiMode<\/strong> : Video oynat\u0131c\u0131 arabiriminde hangi kontrollerin g\u00f6r\u00fcnt\u00fclenece\u011fini belileriz.&#8221;<em>invisible<\/em>&#8220;, &#8220;<em>none<\/em>&#8220;, &#8220;<em>mini<\/em>&#8221; ve &#8220;<em>full<\/em>&#8221; de\u011ferlerini almaktad\u0131r.<\/p>\n<ul>\n<li><strong>invisible<\/strong> : Video ve video oynatma kontrolleri g\u00f6z\u00fckmemekte, yaln\u0131zca ses \u00e7al\u0131nmaktad\u0131r.<\/li>\n<li><strong>none<\/strong> : Video oynatma kontrolleri olmadan video oynat\u0131r.<\/li>\n<li><strong>mini<\/strong> : Sonraki &#8211; \u00d6nceki ve \u0130leri &#8211; Geri sarma butonlar\u0131 olmadan di\u011fer video oynatma kontolleri g\u00f6r\u00fcnt\u00fclenecektir.<\/li>\n<li><strong>full<\/strong> : T\u00fcm video oynatma kontrolleri g\u00f6r\u00fcnt\u00fclenecektir.<\/li>\n<\/ul>\n<p><strong>stretchToFit<\/strong> : Videonun belirtilen geni\u015flik ve y\u00fckseklik de\u011ferlerine s\u0131\u011fd\u0131r\u0131l\u0131p s\u0131\u011fd\u0131r\u0131lmayaca\u011f\u0131 belirlenir.<br \/>\n<strong>enableContextMenu<\/strong> : Video oynatma ayarlar\u0131n\u0131n bulundu\u011fu sa\u011f fare men\u00fcs\u00fcn\u00fcn g\u00f6r\u00fcnt\u00fclenip g\u00f6r\u00fcnt\u00fclenmeyece\u011fi belirlenir.<br \/>\n<strong>mute<\/strong> : Video sessiz olarak oynat\u0131lmas\u0131 i\u00e7in &#8220;<em>true<\/em>&#8220;, belirtilen bir de\u011ferde sesli oynat\u0131m yap\u0131lmas\u0131 i\u00e7in ise &#8220;<em>false<\/em>&#8221; de\u011feri kullan\u0131l\u0131r.<br \/>\n<strong>volume<\/strong> : Video ses seviyesi belirlenir.0 &#8211; 100 aras\u0131 de\u011fer almaktad\u0131r.<\/p>\n<p>\u015eimdi de <em>MediaPlayer<\/em> i\u00e7in bir \u00f6rneklendirme yapal\u0131m.MVC projemizdeki Contect klas\u00f6r\u00fcne &#8220;.wmv&#8221; uzant\u0131l\u0131 bir video dosyas\u0131 y\u00fckleyelim.&#8221;Home(Controller).cs&#8221; isimli Controller s\u0131n\u0131f\u0131m\u0131zda bulunan &#8220;Index&#8221; isimli ActionResult tipli metodun View g\u00f6r\u00fcnt\u00fcs\u00fcne a\u015fa\u011f\u0131daki kodlar\u0131 yerle\u015ftirelim.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers\r\n@Video.MediaPlayer(path:&quot;~\/Content\/Clip_1080_5sec_VC1_15mbps.wmv&quot;)\r\n<\/pre>\n<p>Ekran g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/07\/Asp.NET-MVC-Video-Nesnesi-MediaPlayer.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1818\" alt=\"Asp.NET MVC Video Nesnesi MediaPlayer\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/07\/Asp.NET-MVC-Video-Nesnesi-MediaPlayer.png\" width=\"300\" height=\"146\" \/><\/a><\/p>\n<p><span style=\"color: #ff6600;\"><em><strong>SilverLight<\/strong><\/em><\/span><br \/>\nBu player sayesinde SilverLight tabanl\u0131 Multimedya dosyalar\u0131n\u0131 g\u00f6r\u00fcnt\u00fcleyebilir ve oynatabiliriz.<br \/>\nPrototipi a\u015fa\u011f\u0131daki gibidir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@Video.Silverlight(\r\nstring path,\r\nstring width,\r\nstring height,\r\nstring bgColor,\r\nstring initParameters,\r\nstring minimumVersion,\r\nbool autoUpgrade,\r\nobject options,\r\nobject htmlAttributes)\r\n<\/pre>\n<p>Baz\u0131 parametrelerinden bahsedelim.<br \/>\n<strong>initParameters<\/strong> : Silverlight tabanl\u0131 .xap uzant\u0131l\u0131 dosyaya parametre aktarmak i\u00e7in kullan\u0131r\u0131z.<br \/>\n<strong>minimumVersion<\/strong> : Kaynak olarak belirtilen MultiMedya dosyas\u0131n\u0131 oynatmak i\u00e7in gerekli olan en d\u00fc\u015f\u00fck SilverLight plugin versiyonunu belirtiriz.<br \/>\n<strong>autoUpgrade<\/strong> : SilverLight plugin&#8217;in yeni versiyonu \u00e7\u0131kt\u0131\u011f\u0131 zaman otomatik olarak g\u00fcncellenip g\u00fcncellenmeyece\u011fini belirtir.<\/p>\n<p>\u015eimdi SilverLight ile ilgili bir \u00f6rnek yapal\u0131m.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers\r\n@Video.Silverlight(path: &quot;~\/Content\/SilverLightKaynak.xap&quot;, autoUpgrade: true, width: &quot;400&quot;, height: &quot;400&quot;)\r\n<\/pre>\n<p>G\u00f6rsel bir numuneye ihtiya\u00e7 l\u00fczumu g\u00f6rm\u00fcyorum.<\/p>\n<p>Zaten makalemizin sonunada gelmi\u015f olduk.Art\u0131k Asp.NET MVC mimarisiyle olu\u015fturdu\u011funuz projelerinizde <em>Video<\/em> nesnesini kullanarak MultiMedya deste\u011fi verebilirsiniz.<\/p>\n<p>Faydalanman\u0131z dile\u011fiyle..<br \/>\nSonraki yaz\u0131lar\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere..<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar&#8230;<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Asp.NET MVC mimarisi, Microsoft Web Helpers k\u00fct\u00fcphanesi e\u015fli\u011finde g\u00fczel bir nesneyle daha kullan\u0131\u015fl\u0131 hale geliyor.Video nesnesi sayesinde projelerimizde ister localde istersekte ba\u015fka bir sunucuda bar\u0131nd\u0131r\u0131lan Multimedya dosyalar\u0131n\u0131 yay\u0131nlayabiliyoruz.<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,345],"tags":[746,747,453,283,452,280],"class_list":["post-1813","post","type-post","status-publish","format-standard","hentry","category-asp-net-mvc","category-mvc-4-0","tag-asp-net-mvc","tag-flash","tag-mediaplayer","tag-mvc","tag-silverlight","tag-video"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1813"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1813\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}