Skip to content

Latest commit

 

History

History
566 lines (496 loc) · 17.2 KB

READMEYouTubeThumbnail.md

File metadata and controls

566 lines (496 loc) · 17.2 KB

#Canducci YoutubeThumbnail

Canducci YoutubeThumbnail

NuGet NuGet

##Install Package (NUGET)

To install Canducci YoutubeThumbnail, run the following command in the Package Manager Console

PM> Install-Package CanducciYoutubeThumbnail

##How to use?

Declare o namespace:

using Canducci.YoutubeThumbnail;

###Version 0.0.2

  • Add Thumbnail Image Type Standard, Medium, High e MaxResolution;
  • Removed error in regular expression to accept characters - and _ video code
  • Try catch verification nonexistent images on the server.
  • ThumbnailResult class addition to checking for errors and messages (SalveAll and DeleteAll).

####Example Code

Thumbnail thumb = new Thumbnail("address_youtube");

//Save
ThumbnailResult result0 = thumb.ThumbnailPicture0.SaveAs("Imagens/", Server.MapPath("~"));
IList<ThumbnailResult> results = thumb.SaveAll("Imagens/", Server.MapPath("~"));

//Delete
ThumbnailResult result0 = thumb.ThumbnailPicture0.DeleteAs("Imagens/", Server.MapPath("~"));
IList<ThumbnailResult> results = thumb.DeleteAll("Imagens/", Server.MapPath("~"));

Classe Thumbnail

public class Thumbnail
{
    ThumbnailPicture ThumbnailPicture0 { get; }
    ThumbnailPicture ThumbnailPicture1 { get; }
    ThumbnailPicture ThumbnailPicture2 { get; }
    ThumbnailPicture ThumbnailPicture3 { get; }
    ThumbnailPicture ThumbnailPictureDefault { get; }
    ThumbnailPicture ThumbnailPictureHightQuality { get; }
    ThumbnailPicture ThumbnailPictureMaxResolution { get; }
    ThumbnailPicture ThumbnailPictureMediumQuality { get; }
    IEnumerable<ThumbnailPicture> ThumbnailPictures { get; }
    ThumbnailPicture ThumbnailPictureStandard { get; }
    string VideoShare { get; }
    IList<ThumbnailResult> DeleteAll(string Path, string ServePath = null);
    IList<ThumbnailResult> SaveAll(string Path, string ServePath = null);
    Thumbnail SetUrl(Uri Url);
    Thumbnail SetUrl(string Url);
    ThumbnailPicture ThumbnailPicture(ThumbnailUrlType UrlType);
    string VideoEmbed(int Width = 560, int Height = 315, int Frameborder = 0, 
        bool SuggestVideo = true, bool Controls = true, bool ShowInfo = true);
}

Classe ThumbnailPicture

public class ThumbnailPicture
{
    string Code { get; }
    ThumbnailUrlType Id { get; }
    byte[] ImageThumbnail { get; }
    string Path { get; set; }
    string PathDir { get; }
    string PathWeb { get; }
    string ServerPath { get; set; }
    Uri Url { get; }
    Uri UrlThumbnail { get; }
    ThumbnailResult Delete();
    ThumbnailResult DeleteAs(string Path, string ServerPath);
    void Dispose();
    bool Exists();
    bool Exists(string Path, string ServerPath);
    ThumbnailResult Save();
    ThumbnailResult SaveAs(string Path, string ServerPath);
}

###Example MVC ASP.NET

Code

public class YouTubeController : Controller
{
    [HttpGet]
    public ActionResult Index()
    {
        return View();
    }
    [HttpPost]
    public async Task<ActionResult> Index(string Url)
    {            
        Thumbnail thumb = null;
        Uri _url;
        try
        {
            if (Thumbnail.UrlTryParse(Url, out _url))
            {

                thumb = new Thumbnail(_url);

                IList<ThumbnailResult> results =
                    await thumb.SaveAllAsync("Imagens/", Server.MapPath("~"));
               
                ViewBag.Url = Url;

                return View(thumb);
            }
            return View();
        }
        catch (Exception ex)
        {
            throw ex;
        }           
    }
}

View

@model Canducci.YoutubeThumbnail.Thumbnail
@{Layout = null;}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Pagina do You Tube</title>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Scripts/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        @using (Html.BeginForm())
        {
            <div class="">
                <input type="url" name="Url" id="Url" class="form-control" value="@ViewBag.Url" required />
                <button type="submit" class="btn btn-primary">Enviar</button>
            </div>
        }
        @if (Model != null)
        {
            <p>@ViewBag.Exits</p>
            <div class="row">
                <div class="col-md-6">
                    <h4>Foto 0</h4>
                    <p>@Model.ThumbnailPicture0.UrlThumbnail</p>
                    @if (Model.ThumbnailPicture0.Exists())
                    {
                        <p><img src="@Model.ThumbnailPicture0.PathWeb" style="border:0" /></p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }                  
                </div>
                <div class="col-md-6">
                    <h4>Foto MaxResolution</h4>
                    <p>@Model.ThumbnailPictureMaxResolution.UrlThumbnail</p>
                    @if (Model.ThumbnailPictureMaxResolution.Exists())
                    {
                    <p><img src="@Model.ThumbnailPictureMaxResolution.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <h4>Foto 1</h4>
                    <p>@Model.ThumbnailPicture1.UrlThumbnail</p>
                    @if (Model.ThumbnailPicture1.Exists())
                    {
                    <p><img src="@Model.ThumbnailPicture1.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
                <div class="col-md-3">
                    <h4>Foto 2</h4>
                    <p>@Model.ThumbnailPicture2.UrlThumbnail</p>
                    @if (Model.ThumbnailPicture2.Exists())
                    {
                    <p><img src="@Model.ThumbnailPicture2.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
                <div class="col-md-3">
                    <h4>Foto 3</h4>
                    <p>@Model.ThumbnailPicture3.UrlThumbnail</p>
                    @if (Model.ThumbnailPicture3.Exists())
                    {
                    <p><img src="@Model.ThumbnailPicture3.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
                <div  class="col-md-3">
                    <h4>Foto Default</h4>
                    <p>@Model.ThumbnailPictureDefault.UrlThumbnail</p>
                    @if (Model.ThumbnailPictureDefault.Exists())
                    {
                    <p><img src="@Model.ThumbnailPictureDefault.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <h4>Foto HightQuality</h4>
                    <p>@Model.ThumbnailPictureHightQuality.UrlThumbnail</p>
                    @if (Model.ThumbnailPictureHightQuality.Exists())
                    {
                    <p><img src="@Model.ThumbnailPictureHightQuality.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
            </div>
            <div class="row">
                <div class="col-md-4">
                    <h4>Foto Medium Quality</h4>
                    <p>@Model.ThumbnailPictureMediumQuality.UrlThumbnail</p>
                    @if (Model.ThumbnailPictureMediumQuality.Exists())
                    {
                    <p><img src="@Model.ThumbnailPictureMediumQuality.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>
                <div class="col-md-4">
                    <h4>Foto Standard</h4>
                    <p>@Model.ThumbnailPictureStandard.UrlThumbnail</p>
                    @if (Model.ThumbnailPictureStandard.Exists())
                    {
                    <p><img src="@Model.ThumbnailPictureStandard.PathWeb" style="border:0" /> </p>
                    }
                    else
                    {
                        <p>Imagem inexistente no servidor</p>
                    }
                </div>               
            </div>
            <hr />
            <div>
                <h2>Video Compartilhar</h2>
                <p>@Model.VideoShare</p>
            </div>
            <hr />
            <div>
                <h2>Video Embed</h2>
                <p>@Html.Raw(Model.VideoEmbed(SuggestVideo:false, Controls:false, ShowInfo:false))</p>
            </div>
        }
    </div>
</body>
</html>

###Version 0.0.1 Create a folder in your MVC Web Application, for example Images/, to serve as image cache, have adequate performance on single request for a particular address.

####Controller

using Canducci.YoutubeThumbnail;
using System;
using System.Threading.Tasks;
using System.Web.Mvc;
namespace WebCanducci45.Controllers
{
    public class YouTubeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            return View();
        }
        [HttpPost]
        public async Task<ActionResult> Index(string Url)
        {            
            Thumbnail thumb = null;
            Uri _url;
            try
            {
                if (Thumbnail.UrlTryParse(Url, out _url))
                {
                    thumb = new Thumbnail(_url);                    
                    await thumb.SaveAllAsync("Imagens/", Server.MapPath("~"));                    
                    ViewBag.Url = Url;
                    return View(thumb);
                }
                return View();
            }
            catch (Exception ex)
            {
                throw ex;
            }           
        }
    }
}

####View

@model Canducci.YoutubeThumbnail.Thumbnail
@{Layout = null;}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Pagina do You Tube</title>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Scripts/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        @using (Html.BeginForm())
        {
            <div class="">
                <input type="url" name="Url" id="Url" class="form-control" value="@ViewBag.Url" required />
                <button type="submit" class="btn btn-primary">Enviar</button>
            </div>
        }
        @if (Model != null)
        {            
            <div class="row">
                <div class="col-md-6">
                    <h4>Foto 0</h4>
                    <p><img src="@Model.ThumbnailPicture0.PathWeb" style="border:0" /> </p>
                </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                    <h4>Foto 1</h4>
                    <p><img src="@Model.ThumbnailPicture1.PathWeb" style="border:0" /> </p>
                </div>
                <div class="col-md-2">
                    <h4>Foto 2</h4>
                    <p><img src="@Model.ThumbnailPicture2.PathWeb" style="border:0" /> </p>
                </div>
                <div class="col-md-2">
                    <h4>Foto 3</h4>
                    <p><img src="@Model.ThumbnailPicture3.PathWeb" style="border:0" /> </p>
                </div>
                <div  class="col-md-2">
                    <h4>Foto Default</h4>
                    <p><img src="@Model.ThumbnailPictureDefault.PathWeb" style="border:0" /> </p>
                </div>
            </div>
            <div>
                <h2>Video Compartilhar</h2>
                <p>@Model.VideoShare</p>
            </div>
            <div>
                <h2>Video Embed</h2>
                <p>@Html.Raw(Model.VideoEmbed())</p>
            </div>
        }
    </div>
</body>
</html>

Obs: The VideoShare method brings the link to share the video and the ViewEmbed() would be the player with the video.

If you prefer to use only some of the images ( in the case are 5 pictures ) can make the separate process as shown below:

Selecting image 0 (ThumbnailPicture0):

using Canducci.YoutubeThumbnail;
using System;
using System.Threading.Tasks;
using System.Web.Mvc;
namespace WebCanducci45.Controllers
{
    public class YouTubeController : Controller
    {
        [HttpPost]        
        public async Task<ActionResult> Index1(string Url)
        {            
            Thumbnail thumb = null;
            ThumbnailPicture thumbPicture = null;
            Uri _url;
            try
            {
                if (Thumbnail.UrlTryParse(Url, out _url))
                {
                    thumb = new Thumbnail(_url);
                    thumbPicture = thumb.ThumbnailPicture0;
                    thumbPicture.Path = "Imagens/";
                    thumbPicture.ServerPath = Server.MapPath("~");
                    if (thumbPicture.Exists() == false)
                    {
                        await thumbPicture.SaveAsync();
                    }
                }
                return View(thumb);
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }
    }
}

####View

@model Canducci.YoutubeThumbnail.Thumbnail
@{ Layout = null; }
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index1</title>
</head>
<body>
    <div class="container">        
        @if (Model != null)
        {   
            <div class="row">
                <div class="col-md-6">
                    <h4>Foto 0</h4>
                    <p><img src="@Model.ThumbnailPicture0.PathWeb" style="border:0" /> </p>
                </div>
            </div>            
            <div>
                <h2>Video Compartilhar</h2>
                <p>@Model.VideoShare</p>
            </div>
            <div>
                <h2>Video Embed</h2>
                <p>@Html.Raw(Model.VideoEmbed())</p>
            </div>
        }
    </div>
</body>
</html>

In the process itself is optimized and only bring what you want , in which case it would be the image of 0 youtube site posted video.

####The contained methods are:

Thumbnail

public class Thumbnail
{
	ThumbnailPicture ThumbnailPicture0 { get; }
	ThumbnailPicture ThumbnailPicture1 { get; }
	ThumbnailPicture ThumbnailPicture2 { get; }
	ThumbnailPicture ThumbnailPicture3 { get; }
	ThumbnailPicture ThumbnailPictureDefault { get; }
	
	IEnumerable<ThumbnailPicture> ThumbnailPictures { get; }
	
	string VideoShare { get; }

	bool DeleteAll(string Path, string ServePath = null);	
	bool SaveAll(string Path, string ServePath = null);

	Task<bool> DeleteAllAsync(string Path, string ServePath = null);
	Task<bool> SaveAllAsync(string Path, string ServePath = null);
	
	Thumbnail SetUrl(Uri Url);
	Thumbnail SetUrl(string Url);
	
	ThumbnailPicture ThumbnailPicture(ThumbnailUrlType UrlType);

	string VideoEmbed(int Width = 560, int Height = 315, 
			int Frameborder = 0, bool SuggestVideo = true, 
			bool Controls = true, bool ShowInfo = true);
}

ThumbnailPicture

public class ThumbnailPicture
{
    
    string Code { get; }
    
    ThumbnailUrlType Id { get; }
    
    byte[] ImageThumbnail { get; }
    
    string Path { get; set; }
    
    string PathDir { get; }
    
    string PathWeb { get; }
    
    string ServerPath { get; set; }
    
    Uri Url { get; }

    Uri UrlThumbnail { get; }

    bool Delete();
    bool DeleteAs(string Path, string ServerPath);
    Task<bool> DeleteAsAsync(string Path, string ServerPath);
    Task<bool> DeleteAsync();

    bool Exists();
    bool Exists(string Path, string ServerPath);
    Task<bool> ExistsAsync();
    Task<bool> ExistsAsync(string Path, string ServerPath);

    bool Save();
    bool SaveAs(string Path, string ServerPath);    
    Task<bool> SaveAsAsync(string Path, string ServerPath);
    Task<bool> SaveAsync();

    void Dispose();
}