ASP.NET如何实现像QQ空间那样,当页面刷新时,不影响播放器的播放,播放器的音乐还是一直在播放?不会让音乐停止.小弟请教各位高手

qjlsharp 2009-03-05 02:52:50
小弟现在半夜还在写代码,最近在写一个类似博客的小项目,自己当练手,但是写到播放器这就遇到麻烦了.
首先说我用的是ASP.NET技术(好像是废话),现在项目里有一个模板页,然后又从网上下载了一个flash播放器,是用JS文件来引用
并且播放的,我现在是把这个JS源码放在模板页里,想让访问者访问所有页面时,都可以听见音乐,但是,当点击到其它内容页时
页面刷新了,音乐也停止了,然后又重新缓冲播放,每次都这样重复来重复去的,我就想要实现像QQ空间那样的,怎么点击其它内容,播放器一直是在播放,不受影响,请问各位高手,我的这个JS源码应该放到哪里?

现在我把模板页里的源码贴出来,模板页里包含引用播放器播放的源码.







<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>



<!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 runat="server">

    <title>个人网站</title>

    <style>

<!--这里是导航栏的代码,与本文无关-->

body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}

#navcontainer{width:778px}

#navlist

		{

			margin: 0;

			padding: 0 0 20px 20px;

			border-bottom: 1px solid #444;

		}

		

		#navlist ul, #navlist li

		{

			margin: 0;

			padding: 0;

			display: inline;

			list-style-type: none;

		}

		

		#navlist a:link, #navlist a:visited

		{

			float: left;

			line-height: 14px;

			margin: 0 10px 4px 10px;

			text-decoration: none;

			color: #999;

		}

		

		#navlist a:link#current, #navlist a:visited#current, #navlist a:hover

		{

			border-bottom: 1px solid #76B41C;

			padding-bottom: 5px;

			background: transparent;

			color: #fff;

		}

		

		#navlist a:hover { color: #fff; }

</style>

<script type="text/javascript" src="media/player.js"></script>

</head>

<body onload="addMusic('media/musiclist.xml')" style="margin:0px">

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

    <div>

        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">

        </asp:contentplaceholder>

    </div>

    

    <div id="navcontainer" style="width: 612px; height: 1px;">

<ul id="navlist">

<li><a href="/PersonalWEB/index.aspx"  style="width: 77px">

    Home Page</a></li>

<li><a href="/PersonalWEB/News.aspx" style="width: 77px">News</a></li>

<li><a href="/PersonalWEB/Music.aspx" style="width: 77px">Video Clip</a></li>

<li><a href="/PersonalWEB/Picture.aspx" style="width: 77px">Gallery</a></li>

<li><a href="/PersonalWEB/Message.aspx" style="width: 77px">Fan Board</a></li>

<li><a href="/PersonalWEB/Login.aspx" style="width: 77px">Login</a></li>

</ul>

</div>

</form>

<!--导航栏的代码结束-->





<!--以下是播放器的JS源码-->

<script language="JavaScript" for="mediaObj" event="playStateChange(rStatus)">

try { MediaPlayerState(rStatus);} catch(e){}

</script>

<script language="JavaScript" for="mediaObj" event="error">

try { MediaPlayerOnError();} catch(e){}

</script>

<div id="mediaPlayerBox" style="display:none;">

<script language="javascript">outputMedia();</script>

</div>

<div id="realPlayerBox" style="display:none;">

<script language="javascript">outputReal();</script>

</div>

<script language="JavaScript">

document.write('<div id="PlayerContainer">')

document.write('		<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="198" height="15px" id="miniplayer" align="middle">')

document.write('		<param name="allowScriptAccess" value="always" />')

document.write('		<param name="movie" value="media/7rainbow.swf?auto=1&size=400&hue=0,0,0,0" />')

document.write('		<param name="quality" value="high" />')

document.write('		<param name="wmode" value="transparent" />')

document.write('		<param name="bgcolor" value="#ffffff" />')

document.write('		<embed src="media/7rainbow.swf?auto=1&size=400&hue=0,0,0,0" quality="high" wmode="transparent" bgcolor="#ffffff" width="400" height="50%" name="miniplayer" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />')

document.write('		</object>')

document.write('	</div>')

</script>

<!--播放器的JS源码结束-->

</body>

</html>
...全文
384 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
lfywy 2009-03-05
  • 打赏
  • 举报
 回复
可以试试啊！来学习
kingcsx666 2009-03-05
  • 打赏
  • 举报
 回复
up楼上
sxmonsy 2009-03-05
  • 打赏
  • 举报
 回复
应该是用的iframe.
qjlsharp 2009-03-05
  • 打赏
  • 举报
 回复
[Quote=引用 1 楼 ITniao 的回复:]
用框架(IFRAME)吧
<IFRAME id="BoardTitle" scrolling="yes" name="main" style="HEIGHT: 100%; WIDTH: 200; Z-INDEX: 2" frameborder="0" src="播放页面" height="30"> </IFRAME>
[/Quote]

src="播放页面",这是放扩展名swf文件的路径吗?还是啥?
还是不太懂
新时代新目标新征程 2009-03-05
  • 打赏
  • 举报
 回复
你吧播放器放在一个IFRAME里。刷新其他页面。不要刷新这个IFRAME应该就可以了。思路是这样
ITniao 2009-03-05
  • 打赏
  • 举报
 回复
用框架(IFRAME)吧
<IFRAME id="BoardTitle" scrolling="yes" name="main" style="HEIGHT: 100%; WIDTH: 200; Z-INDEX: 2" frameborder="0" src="播放页面" height="30"></IFRAME>
asp.net 的 ajax刷新
asp.net 的ajax刷新
asp.net上传头像页面，实现自由剪切，自由缩放，上传预览
上传头像页面，实现自由剪切，自由缩放，上传预览
仿qq空间菜单asp.net源码，很有用
仿qq空间菜单asp.net源码，很有用
asp.net仿人人网qq空间评论功能，内嵌评论
仿人人网qq空间评论功能，在网上找了好久没找到，自己开发，用在asp.net的社交平台上完美，贡献出来了，希望能给大家带来帮助
一个用asp.net许愿池的效果
一个许愿池的效果 类似qq 用asp.net 实现
.NET社区

62,268

社区成员

668,981

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章