ASP.NET WP - 影片處理

本章將介紹如何在網頁上顯示影片。在 ASP.NET 中，您可以輕鬆播放 Flash (*.swf)、媒體播放器 (*.wmv) 和 Silverlight (*.xap) 影片。

有時您可能需要在您的網站上顯示影片。
您可以透過連結到已包含影片的網站（如 YouTube、Dailymotion 等）來顯示影片。
要將這些網站中的影片直接嵌入到您自己的頁面中，您需要從網站獲取 HTML 程式碼，然後將其複製到您的頁面。

如何嵌入影片？

讓我們來看一個簡單的示例，我們將從 YouTube 嵌入一個影片。首先，我們需要建立一個新的 CSHTML 檔案。

在名稱欄位中輸入 **EmbededVideo.cshtml** 並單擊確定。

<!DOCTYPE html>
<html lang = "en">
   
   <head>
      <meta charset = "utf-8" />
      <title>Embedded Video Example</title>
   </head>
   
   <body>
      <h1>Embedded Video Example</h1>
      <p>The following video provides an introduction to WebMatrix:</p>
      
      <iframe 
         width = "560" 
         height = "315" 
         src = "http://www.youtube.com/embed/fxCEcPxUbYA"
         frameborder  ="0" 
         allowfullscreen>\
      </iframe>
   
   </body>
</html>

讓我們執行應用程式並指定以下 URL：**https://:36905/embededvideo**，然後您將看到以下輸出。

您現在可以播放影片了。

選擇播放器

如果您想播放您自己網站上提供的影片。您可以使用 Video 幫助器從您的網站播放影片，該幫助器直接在頁面中呈現媒體播放器。

如您所知，影片檔案有很多格式，每種格式通常都需要不同的播放器和不同的播放器配置方式。
在 ASP.NET Razor 頁面中，您可以使用 Video 幫助器在網頁上播放影片。
Video 幫助器簡化了在網頁中嵌入影片的過程，因為它會自動生成物件並嵌入通常用於向頁面新增影片的 HTML 元素。

Video 幫助器支援以下媒體播放器：

Adobe Flash
Windows Media Player
Microsoft Silverlight

使用 Windows Media Player 顯示影片

讓我們來看一個簡單的示例，我們將使用 Windows Media Player 在我們的網頁上顯示影片。首先，我們將建立一個新的 CSHTML 檔案。

在名稱欄位中輸入 MediaPlayer.cshtml 並單擊確定。

現在，讓我們在您的網站中建立一個新資料夾，並將其命名為 **Media**，然後新增您想在網頁上播放的影片檔案，如下面的螢幕截圖所示。

現在替換 FlashPlayer.cshtml 檔案中的以下程式碼。

<!DOCTYPE html>
<html>
   
   <head>
      <title>Flash Video</title>
   </head>
   
   <body>
      @Video.Flash(path: "Media/Intro_WebMatrix.swf",
      width: "400",
      height: "600",
      play: true,
      loop: true,
      menu: false,
      bgColor: "red",
      quality: "medium",
      scale: "exactfit",
      windowMode: "transparent")
   </body>

</html>

當您執行此應用程式並指定以下 URL：**https://:36905/MediaPlayer** 時，您將看到以下錯誤。

這是因為我們尚未安裝 Web 幫助器。為此，讓我們從 WebMatrix 開啟 NuGet。

搜尋 **ASP.NET Web Helpers Library**，然後單擊安裝。安裝成功後，您可以透過指定相同的 URL 再次執行您的應用程式，您將看到它將使用 Windows Media Player 播放影片。

同樣，您也可以使用 **Silverlight 播放器** 和 **Flash 播放器** 在您的網頁上顯示影片。

列印頁面