We have been working with Telerik on some sound functionality and they believe that it is not their problem. I will cut and paste the dialogue that we have had with them over the last several weeks (Blue font is Telerik responses; Black is our responses):
The first example works just fine in FF3. It's when I add the below to it, it stops working (Works when there is a scroll bar on the dock though). Why are you receiving different results with this?
<telerik:RadDockZone ID="radDockZone" runat="server">
<telerik:RadDock ID="radDock" runat="server">
<ContentTemplate>
Your second code sample again is different results than what I am getting. This does not work in IE8.
We are not moving any of the rad docks. They are stationary, so the code samples you sent that move them into the DOM are not related.
So as you can see, from my point of view all the problems we are experiencing are related to your radDocks. This is very frustrating. Now I understand what my customers are going through when the receive the "It's working on my side" response.
The following code(which contains only ASPNetAudio control) doesn't work in FF3:
<%@ Register Assembly="ASPNetAudio.NET3" Namespace="ASPNetAudio" TagPrefix="ASPNetAudio" %>
<!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" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ASPNetAudio:Audio ID="Audio1" runat="server" Volume="100"
AudioURL="http://www.aspnetaudio.com/music/grieg-hall_of_the_mountain_king.mp3"
AutoPlay="True" Loop="False" Streaming="True"
></ASPNetAudio:Audio>
</form>
</body>
</html>
This means that the ASPNetAudio control doesn't work under FF3.
I tested the code you sent(ASPNETAudio in RadDock) with IE8 and it works:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Assembly="ASPNetAudio.NET3" Namespace="ASPNetAudio" TagPrefix="ASPNetAudio" %>
<!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" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="script" runat="server" />
<telerik:RadDockZone ID="radDockZone" runat="server">
<telerik:RadDock ID="radDock" runat="server">
<ContentTemplate>
<ASPNetAudio:Audio ID="Audio1" runat="server" Volume="100" AudioURL="http://www.aspnetaudio.com/music/grieg-hall_of_the_mountain_king.mp3" AutoPlay= "True" Loop="False" Streaming="True"></ASPNetAudio:Audio>
</ContentTemplate>
</telerik:RadDock>
</telerik:RadDockZone>
</form>
</body>
</html>
The code above will work in IE8 if you don't drag&drop the RadDock.
If you drag & drop a RadDock(with ASPNetAudio control), it will be moved in the DOM and the ASPNetAudio control will stop working because the ASPNetAudio control doesn't work when is moved in the DOM.
To illustrate that the ASPNetAudio control doesn't work when is moved in the DOM I created for you a simple example. Once you press the "MoveDiv" button the "audioDiv" is added to the "destDiv" and the ASPNetAudio control stops to work. Here is the code (Please test it):
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Assembly="ASPNetAudio.NET3" Namespace="ASPNetAudio" TagPrefix="ASPNetAudio" %>
<!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" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function MoveDiv() {
var destDiv = $get("destDiv");
var audioDiv = $get("audioDiv");
destDiv.appendChild(audioDiv);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="script" runat="server" />
<input type="button" value="MoveDiv" onclick="MoveDiv()" />
<div id="audioDiv">
<ASPNetAudio:Audio ID="Audio1" runat="server" Volume="100"
AudioURL="http://www.aspnetaudio.com/music/grieg-hall_of_the_mountain_king.mp3"
AutoPlay="True" Loop="False" Streaming="True">
</ASPNetAudio:Audio>
</div>
<div id="destDiv"></div>
</form>
</body>
</html>
As you can see each of the problems you reported could be reproduced without the RadDock control - which means that the problems are not directly related to the RadDock control.
As you know we do not support other third party controls. Unfortunately I can't tell you why the ASPNetAudio control doesn't work in these scenarios. Please refer your questions to the team created the ASPNetAudio control. Send them the examples I created to illustrates the ASPNetAudio control problems.
If you still think that the problem is related to the RadDock control please send us an example where the ASPNetAudio control could be moved in the DOM (IE8 andFF3) and it works. Once we receive it we will do our best to replicate the same logic with the RadDock control.
As soon as I take out the below code it works fine in every browser. Put them back in and it stops working.
<telerik:RadDockZone ID="radDockZone" runat="server">
<telerik:RadDock ID="radDock" runat="server">
<ContentTemplate>
So it appears to us that the issue must be related to Telerik controls.
I tested the code you sent and it works on IE8 but is not working with FF3. The problem however is not directly related to the RadDock control - it can be reproduced without it as well:
<%@ Register Assembly="ASPNetAudio.NET3" Namespace="ASPNetAudio" TagPrefix="ASPNetAudio" %>
<!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" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<ASPNetAudio:Audio ID="Audio1" runat="server" Volume="100"
AudioURL="http://www.aspnetaudio.com/music/grieg-hall_of_the_mountain_king.mp3"
AutoPlay="True" Loop="False" Streaming="True"
></ASPNetAudio:Audio>
</form>
</body>
</html>
I am afraid that I can't tell you what is the reason for the problem with this control. I searched through the ASPNetAudio forums and found a similar to this problem posts without resolution.
Another problem that I saw is that if you move ASPNetAudio cotrol through the DOM it will stop working - this means that if you add it in a RadDock control and you drag and drop a RadDock the ASPNetAudio control will stop working again. Here is a simple code which illustrates my words ( Press the MoveDiv button) - as you can see, again there is no RadDock in the code:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Assembly="ASPNetAudio.NET3" Namespace="ASPNetAudio" TagPrefix="ASPNetAudio" %>
<!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" >
<head id="Head1" runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function MoveDiv() {
var destDiv = $get("destDiv");
var audioDiv = $get("audioDiv");
destDiv.appendChild(audioDiv);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="script" runat="server" />
<input type="button" value="MoveDiv" onclick="MoveDiv()" />
<div id="audioDiv">
<ASPNetAudio:Audio ID="Audio1" runat="server" Volume="100"
AudioURL="http://www.aspnetaudio.com/music/grieg-hall_of_the_mountain_king.mp3"
AutoPlay="True" Loop="False" Streaming="True"
>
</ASPNetAudio:Audio>
</div>
<div id="destDiv">
</div>
</form>
</body>
</html>
As you can see from the code above, the problem is only in the ASPNetAudio control and we cannot provide solution as we don't know its logic. My suggestion is to send your questions to the guys which created ASPNetAudio control.
What we are looking for is the ability to programatically turn on sounds in a Telerik control. If this is not enough information, let me know and I will send you more.
Thanks,
TK