Solved

media element and silverlight

Posted on 2009-07-05
842 Views
How do you create something like this with a media element?

http://narenda.com/silverlight/default.html

What I have so far is:

and I got this error:

Error: Unhandled Error in Silverlight 2 Application SlidingBlocks.xap
Code: 4001
Category: MediaError
Message: AG_E_NETWORK_ERROR

``````Canvas[] cI = new Canvas[9];

MediaElement[] me = new MediaElement[9];

int blockSizeW = 97;

int blockSizeH = 97;

int nx = 0;

for (int ix = 0; ix < 3; ix++)

for (int iy = 0; iy < 3; iy++)

{

nx = (ix * 3) + iy;

me[nx] = new MediaElement();

me[nx].Height = 300;

me[nx].Width = 300;

me[nx].Stretch = Stretch.UniformToFill;

RectangleGeometry r = new RectangleGeometry();

r.Rect = new Rect((ix * blockSizeW), (iy * blockSizeH), blockSizeW, blockSizeH);

me[nx].Clip = r;

me[nx].Source = new Uri("assets/SharePoint.wmv", UriKind.Relative);

me[nx].SetValue(Canvas.TopProperty, Convert.ToDouble(iy * blockSizeH * -1));

me[nx].SetValue(Canvas.LeftProperty, Convert.ToDouble(ix * blockSizeW * -1));

cI[nx] = new Canvas();

cI[nx].Width = blockSizeW;

cI[nx].Height = blockSizeH;

cI[nx].SetValue(Canvas.NameProperty, "C" + nx.ToString());

cI[nx].MouseLeftButtonDown += new MouseButtonEventHandler(Page_MouseLeftButtonDown);

if (nx < 8)

}
``````
0
Question by:kuntilanak
• 4
• 2

LVL 1

Expert Comment

The first thing you'll need is a reference to the Microsoft Silverlight dll (System.Web.Silverlight). You can download what you'll need from here: http://silverlight.net/GetStarted/

Then, you'll need the media player ASP.NET code that I've attached.

The way I usually do this is by opening up expression encoder and then encode a video with the player that I like. It outputs to you a completed HTML web page.

You can take what it provides and integrate it with the media player element that I've attached.

I'm also attaching the skin and javascripts that make my player work on this page: http://betatest1.jaressloo.com/tutorials/butterfly

I hope you find this helpful
``````<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls" TagPrefix="asp" %>

<asp:ScriptManager ID="ScriptManager1" runat="server">

<Scripts>

<asp:ScriptReference Path="~/includes/MicrosoftAjax.js" />

<asp:ScriptReference Path="~/includes/Silverlight.js" />

<asp:ScriptReference Path="~/includes/SilverlightControl.js" />

<asp:ScriptReference Path="~/includes/SilverlightMedia.js" />

<asp:ScriptReference Path="~/includes/ExpressionPlayer.js" />

<asp:ScriptReference Path="~/includes/PlayerStrings.js" />

<asp:ScriptReference Path="~/includes/player.js" />

<asp:ScriptReference Path="~/includes/StartPlayer.js" />

</Scripts>

</asp:ScriptManager>

<asp:MediaPlayer ID="mpVideo" runat="server" Height="400px" Width="530px" MediaSource="../videos/Butterfly.wmv"

</asp:MediaPlayer>
``````
ExpressionPlayer.js.txt
MicrosoftAjax.js.txt
player.js.txt
player.xaml.txt
PlayerStrings.js.txt
Silverlight.js.txt
SilverlightControl.js.txt
SilverlightMedia.js.txt
StartPlayer.js.txt
0

Author Comment

isn't there a simple way to do this using a media element? and a canvas?
0

LVL 1

Expert Comment

You don't have to use all of the scripts in the script manager.

You can just use the media element. That should work.
0

Author Comment

Yes, but how do I use the media element?? Can you tell why my code doesn't work?
0

LVL 1

Expert Comment

Unfortunately, no. When I create a media element in a page I literally just drag the media element from the toolbox onto the page in VS and it just works.

This looks like server-side coding that I don't need to do nor have I ever done.

Sorry I couldn't be of more help!

0

LVL 1

Accepted Solution

JaressLoo earned 500 total points
I just added a media element from scratch and these were the steps taken:

- Installed SP1

3) Opened VS2008 and created a new "ASP.NET Web Site"

4) Dragged a "ScriptManager" element from the toolbox onto the page.

5) Dragged a MediaPlayer element from the toolbox onto the page.

6) Added a video in wmv format into my website directory

7) Set the reference to the video in the "MediaSource" attribute of the asp:MediaPlayer node.

8) Build and run.

9) It works!

Attached is the code I used. Note: There is NO code behind or server side programming required...
``````<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<%@ Register Assembly="System.Web.Silverlight" Namespace="System.Web.UI.SilverlightControls"

TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<title>Untitled Page</title>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<asp:MediaPlayer ID="MediaPlayer1" MediaSource="~/Butterfly_OLD.wmv" runat="server" Height="240px" Width="320px">

</asp:MediaPlayer>

</div>

</form>

</body>

</html>
``````
0

Featured Post

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
For most people, the WrapPanel seems like a magic when they switch from WinForms to WPF. Most of us will think that the code that is used to write a control like that would be difficult. However, most of the work is done by the WPF engine, and the W…
This is Part 3 in a 3-part series on Experts Exchange to discuss error handling in VBA code written for Excel. Part 1 of this series discussed basic error handling code using VBA. http://www.experts-exchange.com/videos/1478/Excel-Error-Handlin…
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …