ASP.NET网站实现现场直播

本文转载自查看原文 2012-10-26 15:24 5192 CSS/ Table/ Media/ Label/ Js/ classid/ mms/ HTML/CSS/ JavaScript/ Literal/ ASP.NET/ style/ Object

此博文省略了流媒体服务器组建(网络管理员的事)。

可以先看到截图：

把下面的js代码，另存为LiveBroadcast.js文件，存在专案中的js目录中：

LiveBroadcast.js

应用样式：

.chattable {
            border-right: #BED6E0 1px solid;
            border-top: #BED6E0 1px solid;
            border-left: #BED6E0 1px solid;
            border-bottom: #BED6E0 1px solid;
            font-size: 12px;
            line-height: 1.5;
        }

在aspx页面中的head写js和引用js文件，Insus.NET在javascript语言块中，拉了一个literal Web控件，是为了让后台cs能传值给js。

< head runat ="server" >
     < title ></ title >
     < script type ="text/javascript" >
         < asp:Literal ID = " Literal1 " runat = " server " >< / asp:Literal>
     </ script >

     < script src ="Js/LiveBroadcast.js" ></ script >
</ head >

下面是aspx body网页内代码，哗，直接Ctrl + C 然后Ctrl + V即可。

View Code

< body style ="overflow-x: hidden; overflow-y: auto; margin: 2px;" onload ="checkplay();" >
     < form id ="form1" runat ="server" >
         < div >
             < table style ="width: 100%; height: 100%; background-color: #ffffff" class ="chats"
                cellspacing ="2" cellpadding ="0" align ="center" border ="0" >
                 < tr >
                     < td style ="height: 173px" align ="center" >
                         < object style ="width: 100%; height: 250px" id ="Media" classid ="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
                            name ="Media" >
                             < param name ="AutoStart" value ="-1" />
                             < param name ="url" value ='<%= LiveBroadcasePath % >' />
                             < param name ="stretchToFit" value ="1" />
                             < param name ="ShowCaptioning" value ="1" />
                             < param name ="ShowControls" value ="1" />
                             < param name ="uiMode" value ="None" />
                         </ object >
                         < div id ="info" style ="z-index: 101; left: 69px; position: absolute; top: 127px; height: 22px; background-color: snow"
                            class ="chattable" align ="center" >
                            数据处理中...
                         </ div >
                     </ td >
                 </ tr >
                 < tr >
                     < td align ="center" style ="height: 20px; background-color: black" valign ="middle" >
                         < table border ="0" cellpadding ="0" cellspacing ="0" style ="width: 100%" >
                             < tr >
                                 < td style ="width: 81px" >
                                     < input id ="Button1" onclick ="Fulls()" style ="height: 22px" type ="button" value ="全屏观看" />
                                 </ td >
                                 < td align ="left" >
                                     < asp:Label ID ="lblTitle" runat ="server" ForeColor ="White" >现场直播测试... </ asp:Label >
                                 </ td >
                             </ tr >
                         </ table >
                     </ td >
                 </ tr >
             </ table >
         </ div >
     </ form >
</ body >

在.aspx.cs

View Code

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class LiveBroadcast : System.Web.UI.Page
{
     private string _LiveBroadcasePath;

     public string LiveBroadcasePath
    {
         get
        {
             return _LiveBroadcasePath;
        }
         set
        {
            _LiveBroadcasePath = value;
        }
    }

     protected void Page_Load( object sender, EventArgs e)
    {
        Data_Binding();
    }

     private void Data_Binding()
    {
        // 媒体流是mms协议。
         this._LiveBroadcasePath = " mms://61.136.19.228/live4 ";
         this.Literal1.Text = " var strurl=' " + LiveBroadcasePath + " ' ";
    }
}

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 ASP.NET MVC实现网站验证码功能从asp网站编程转行到asp.net网站编程的过程 ASP.NET MVC 做的网站项目部署 asp.net 网站到 Azure ASP.NET网站开发步骤 asp.net网站接入QQ登录 ASP.NET如何把ASPX网站部署到IIS上 asp.net 网站访问变慢创建asp.net core 的静态网站