c# save as pdf : Creating bookmarks pdf application SDK tool html wpf azure online ASPNETWebPagesWithRazorSyntax-Book14-part609

ASP.NET Web Pages Using The Razor Syntax 
Chapter 9 – Working with Images 
137 
1.
Add a new page named Watermark.cshtml. 
2.
Replace the existing markup with the following:  
@{  var imagePath= ""; 
WebImage photo = new WebImage(@"~\Images\Photo3.jpg"); 
if(photo != null){ 
imagePath = @"images\Photo3.jpg"; 
photo.AddTextWatermark("My Watermark", fontColor:"Yellow", fontFamily: 
"Arial"); 
photo.Save(@"~\" + imagePath);    } 
<!DOCTYPE html> 
<html> 
<head> 
<title>Water Mark</title> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
</head> 
<body> 
<h1>Adding a Watermark to an Image</h1> 
@if(imagePath != ""){ 
<div class="result"> 
<img src="@imagePath" alt="Image" /> 
</div> 
</body> 
</html> 
This code is like the code in the Flip.cshtml page from earlier (although this time it uses the 
Photo3.jpg file). To add the watermark, you call the 
WebImage
helper's 
AddTextWatermark
method 
before you save the image. In the call to 
AddTextWatermark
, you pass the text "My Watermark", 
set the font color to yellow, and set the font family to Arial. (Although it's not shown here, the 
WebImage
helper also lets you specify opacity, font family and font size, and the position of the 
watermark text.) When you save the image it must not be read-only. 
As you've seen before, the image is displayed on the page by using the 
<img>
element with the 
src attribute set to 
@imagePath
 
Creating bookmarks pdf - add, remove, update PDF bookmarks in C#.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your C# Project with Rapid PDF Internal Navigation Via Bookmark and Outline
add bookmarks to pdf online; convert word to pdf with bookmarks
Creating bookmarks pdf - VB.NET PDF bookmark library: add, remove, update PDF bookmarks in vb.net, ASP.NET, MVC, Ajax, WinForms, WPF
Empower Your VB.NET Project with Rapid PDF Internal Navigation Via Bookmark and Outline
how to add bookmarks to a pdf; bookmark a pdf file
ASP.NET Web Pages Using The Razor Syntax 
Chapter 9 – Working with Images 
138 
3.
Run the page in a browser.  
Using an Image As a Watermark 
Instead of using text for a watermark, you can use another image. People sometimes use images like a 
company logo as a watermark, or they use a watermark image instead of text for copyright information. 
1.
Add a new page named ImageWatermark.cshtml. 
2.
Add an image to the images folder that you can use as a logo, and rename the image 
MyCompanyLogo.jpg. This image should be an image that you can see clearly when it's set to 80 
pixels wide and 20 pixels high. 
3.
Replace the existing markup with the following:  
@{  var imagePath = ""; 
WebImage WatermarkPhoto = new WebImage(@"~\" + 
@"\Images\MyCompanyLogo.jpg"); 
WebImage photo = new WebImage(@"~\Images\Photo4.jpg"); 
if(photo != null){ 
imagePath = @"images\Photo4.jpg"; 
photo.AddImageWatermark(WatermarkPhoto, width: 80, height: 20, 
horizontalAlign:"Center", verticalAlign:"Bottom", 
opacity:100,  padding:10); 
photo.Save(@"~\" + imagePath); 
<!DOCTYPE html> 
<html> 
<head> 
<title>Image Watermark</title> 
<meta http-equiv="content-type" content="text/html;charset=utf-8" /> 
</head> 
<body> 
<h1>Using an Image as a Watermark</h1> 
@if(imagePath != ""){ 
<div class="result"> 
<img src="@imagePath" alt="Image" /> 
</div> 
C# Create PDF Library SDK to convert PDF from other file formats
Gratis control for creating PDF from multiple image formats such as tiff, jpg, png Create and save editable PDF with a blank page, bookmarks, links, signatures
bookmark pdf documents; bookmarks in pdf from word
VB.NET Create PDF Library SDK to convert PDF from other file
Gratis control for creating PDF from multiple image formats such as tiff, jpg, png Create and save editable PDF with a blank page, bookmarks, links, signatures
bookmarks pdf reader; create bookmarks pdf
ASP.NET Web Pages Using The Razor Syntax 
Chapter 9 – Working with Images 
139 
</body> 
</html> 
This is another variation on the code from earlier examples. In this case, you call 
AddImageWatermark
to add the watermark image to the target image (Photo3.jpg) before you 
save the image. When you call 
AddImageWatermark
, you set its width to 80 pixels and the height 
to 20 pixels. The MyCompanyLogo.jpg image is horizontally aligned in the center and vertically 
aligned at the bottom of the target image. The opacity is set to 100% and the padding is set to 
10 pixels. If the watermark image is bigger than the target image, nothing will happen. If the 
watermark image is bigger than the target image and you set the padding for the image 
watermark to zero, the watermark is ignored. 
As before, you display the image using the 
<img>
element and a dynamic 
src
attribute. 
4.
Run the page in a browser.  
Additional Resources 
Chapter 8 - Working with Files 
ASP.NET Web Pages with Razor Syntax Reference 
XDoc.Word for .NET, Advanced .NET Word Processing Features
Viewing, editing, converting, processing, creating, annotating and zooming & rotation; Outlines, bookmarks, & thumbnail Create Word from PDF; Create Word from
add bookmark to pdf reader; split pdf by bookmark
How to C#: Basic SDK Concept of XDoc.PDF for .NET
annotation features can be integrated into your C# project, such as annotation creating, deleting, modifying This class describes bookmarks in a PDF document
how to create bookmarks in pdf file; bookmark pdf acrobat
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
140 
Chapter 10 
Working with Video 
This chapter explains how to display video in an ASP.NET Web Pages with Razor syntax page. 
ASP.NET Web Pages with Razor syntax lets you play Flash (.swf), Media Player (.wmv), and Silverlight 
(.xap) videos. 
What you'll learn: 
How to choose a video player.  
How to add video to a web page.  
How to set video player attributes.  
These are the ASP.NET Razor pages features introduced in the chapter: 
The 
Video
helper.  
Choosing a Video Player 
There are lots of formats for video files, and each format typically requires a different player and a 
different way to configure the player. In ASP.NET Razor pages, you can play a video in a web page using 
the 
Video
helper. The 
Video
helper simplifies the process of embedding videos in a web page because it 
automatically generates the 
object
and 
embed
HTML elements that are normally used to add video to 
the page. 
The 
Video
helper supports the following media players: 
Adobe Flash  
Windows MediaPlayer  
Microsoft Silverlight  
The Flash Player 
The 
Flash
player of the 
Video
helper let you play Flash videos (.swf files) in a web page. At a minimum, 
you have to provide a path to the video file. If you specify nothing but the path, the player uses default 
values that are set by the current version of Flash. Typical default settings are: 
The video is displayed using its default width and height and without a background color.  
The video plays automatically when the page loads.  
The video loops continuously until it's explicitly stopped.  
The video is scaled to show all of the video, rather than cropping the video to fit a specific size.  
The video plays in a window.  
VB.NET PDF: Basic SDK Concept of XDoc.PDF
features can be integrated into your VB.NET project, such as annotation creating, deleting, modifying This class describes bookmarks in a PDF document.
creating bookmarks in pdf documents; bookmarks in pdf
PDF Image Viewer| What is PDF
such as text extraction, hyperlinks, bookmarks and metadata as version among a suite of PDF-based standards to develop specifications for creating, viewing, and
export pdf bookmarks to text file; how to bookmark a page in pdf document
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
141 
The MediaPlayer Player 
The 
MediaPlayer
player of the 
Video
helper lets you play Windows Media videos (.wmv files), Windows 
Media audio (.wma files), and MP3 (.mp3 files) in a web page. You must include path of the media file to 
play; all other parameters are optional. If you specify only a path, the player uses default settings set by 
the current version of MediaPlayer, such as: 
The video is displayed using its default width and height.  
The video plays automatically when the page loads.  
The video plays once (it doesn't loop).  
The player displays the full set of controls in the user interface.  
The video plays in in a window.  
The Silverlight Player 
The 
Silverlight
player of the 
Video
helper lets you play Windows Media Video (.wmv files), Windows 
Media Audio (.wma files), and MP3 (.mp3 files). You must set the path parameter to point to a 
Silverlight-based application package (.xap file). You also must set the width and height parameters. All 
other parameters are optional. When you use the Silverlight player for video, if you set only the required 
parameters, the Silverlight player displays the video without a background color. 
Note   In case you don't already know Silverlight: the .xap file is a compressed file that contains 
layout instructions in a .xaml file, managed code in assemblies, and optional resources. You can 
create a .xap file in Visual Studio as a Silverlight application project.  
The 
Silverlight
video player uses both the settings that you provide for the player and the settings that 
are provided in the .xap file. 
MIME Types 
When a browser downloads a file, the browser makes sure that the file type matches the MIME type 
that's specified for the document that's being rendered. The MIME type is the content type or media 
type of a file. The 
Video
helper uses the following MIME types: 
application/x-shockwave-flash 
application/x-mplayer2 
application/x-silverlight-2
Playing Flash (.swf) Videos 
This procedure shows you how to play a Flash video named sample.swf. The procedure assumes that 
you've got a folder named Media on your site and that the .swf file is in that folder. 
How to C#: Basic SDK Concept of XDoc.PowerPoint
Conversely, conversion from PDF to PowerPoint (.PPTX C# project, such as annotation creating, deleting, modifying This class describes bookmarks in a PowerPoint
copy pdf bookmarks to another pdf; add bookmarks to pdf file
How to C#: Basic SDK Concept of XDoc.Word
Conversely, conversion from PDF to Word (.docx) is C# project, such as annotation creating, deleting, modifying This class describes bookmarks in a Word document
create bookmarks pdf files; create pdf with bookmarks from word
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
142 
1.
Add the ASP.NET Web Helpers Library to your website as described in Chapter 1 - Getting 
Started with ASP.NET Web Pages, if you haven't already added it. 
2.
In the website, add a page and name it FlashVideo.cshtml.  
3.
Add the following markup to the page:  
<!DOCTYPE html> 
<html> 
<head> 
<title>Flash Video</title> 
</head> 
<body> 
@Video.Flash(path: "Media/sample.swf", 
width: "400", 
height: "600", 
play: true, 
loop: true, 
menu:  false, 
bgColor: "red", 
quality: "medium", 
scale: "exactfit", 
windowMode: "transparent") 
</body> 
</html> 
4.
Run the page in a browser. (Make sure the page is selected in the Files workspace before you 
run it.) The page is displayed and the video plays automatically.  
How to C#: Basic SDK Concept of XDoc.Excel
Conversely, conversion from PDF to Excel (.XLSX) is also C# project, such as annotation creating, deleting, modifying This class describes bookmarks in a Excel
creating bookmarks pdf; bookmarks pdf
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
143 
You can set the 
quality
parameter for a Flash video to 
low
autolow
autohigh
medium
high
, and 
best
// Set the Flash video quality 
@Video.Flash(path: "Media/sample.swf", quality: "autohigh") 
You can change the Flash video to play at a specific size using the 
scale
parameter, which you can set to 
the following: 
showall
. This makes the entire video visible while maintaining the original aspect ratio. 
However, you might end up with borders on each side.  
noorder
. This scales the video while maintaining the original aspect ratio, but it might be 
cropped.  
exactfit
. This makes the entire video visible without preserving the original aspect ratio, but 
distortion may occur.  
If you don't specify a 
scale
parameter, the entire video will be visible and the original aspect ratio will be 
maintained without any cropping. The following example shows how to use the 
scale
parameter: 
// Set the Flash video to an exact size 
@Video.Flash(path: "Media/sample.swf", width: "1000", height: "100", 
scale: "exactfit") 
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
144 
The Flash player supports a video mode setting named 
windowMode
. You can set this to 
window
opaque
and 
transparent
. By default, the 
windowMode
is set to 
window
, which displays the video in a separate 
window on the web page. The 
opaque
setting hides everything behind the video on the web page. The 
transparent
setting lets the background of the web page show through the video, assuming any part of 
the video is transparent. 
Playing MediaPlayer (
.wmv
) Videos 
The following procedure shows you how to play a Window Media video named sample.wmv that's in the 
Media folder. 
1.
Add the ASP.NET Web Helpers Library to your website as described in Chapter 1 - Getting 
Started with ASP.NET Web Pages, if you haven't already. 
2.
Create a new page named MediaPlayerVideo.cshtml.  
3.
Add the following markup to the page:  
<!DOCTYPE html> 
<html> 
<head> 
<title>MediaPlayer Video</title> 
</head> 
<body> 
@Video.MediaPlayer( 
path: "Media/sample.wmv", 
width: "400", 
height: "600", 
autoStart: true, 
playCount: 2, 
uiMode:  "full", 
stretchToFit: true, 
enableContextMenu: true, 
mute: false, 
volume: 75) 
</body> 
</html> 
4.
Run the page in a browser. The video loads and plays automatically.  
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
145 
You can set 
playCount
to an integer that indicates how many times to play the video automatically: 
// Set the MediaPlayer video playCount 
@Video.Flash(path: "Media/sample.swf", playCount: 2) 
The 
uiMode
parameter lets you specify which controls show up in the user interface. You can set 
uiMode
to 
invisible
none
mini
, or 
full
. If you don't specify a 
uiMode
parameter, the video will be displayed 
with the status window, seek bar, control buttons, and volume controls in addition to the video window. 
These controls will also be displayed if you use the player to play an audio file. Here's an example of how 
to use the 
uiMode
parameter: 
// Set the MediaPlayer control UI 
@Video.MediaPlayer(path: "Media/sample.wmv", uiMode: "mini") 
By default, audio is on when the video plays. You can mute the audio by setting the 
mute
parameter to 
true: 
// Play the MediaPlayer video without audio 
@Video.MediaPlayer(path: "Media/sample.wmv", mute: true) 
You can control the audio level of the MediaPlayer video by setting the 
volume
parameter to a value 
between 0 and 100. The default value is 50. Here's an example: 
ASP.NET Web Pages Using The Razor Syntax 
Chapter 10 – Working with Video 
146 
// Play the MediaPlayer video without audio 
@Video.MediaPlayer(path: "Media/sample.wmv", volume: 75) 
Playing Silverlight Videos 
This procedure shows you how to play video contained in a Silverlight .xap page that's in a folder named 
Media. 
1.
Add the ASP.NET Web Helpers Library to your website as described in Chapter 1, if you haven't 
already . 
2.
Create a new page named SilverlightVideo.cshtml.  
3.
Add the following markup to the page:  
<!DOCTYPE html> 
<html> 
<head> 
<title>Silverlight Video</title> 
</head> 
<body> 
@Video.Silverlight( 
path: "Media/sample.xap", 
width: "400", 
height: "600", 
bgColor: "red", 
autoUpgrade: true) 
</body> 
</html> 
4.
Run the page in a browser.  
Documents you may be interested
Documents you may be interested