您的位置：首页 > 编程技术 > ASP.NET  >  asp.net实现在线音乐播放器示例

asp.net实现在线音乐播放器示例

 更新时间：2021年9月22日 10:12  点击：1945

复制代码 代码如下:

<HTML>
    <HEAD><TITLE>Playback Example</TITLE>
    </HEAD>
    <BODY>
    <script language="JavaScript">
    function   addmedia(url)
    {
    // Player.controls.stop();                 //停止播放器
    // alert(Player.versionInfo); //播放器的版本信息
    //取得向Player对象的播放列表中添加媒体的权限
      document.getElementById("MediaPlayer").settings.requestMediaAccessRights("full");
    // 取得当前的播放列表          
    var playlist=MediaPlayer.currentPlaylist;
    //新建一个指定URL的Media
                   var currMedia = MediaPlayer.newMedia(url);
    //把新建的Media item添加到播放器列表
                     playlist.appendItem(currMedia);
    }
    function  clearlist()
    {              
    //MediaPlayer.currentPlaylist.count返回列表中的歌曲数量
    while(MediaPlayer.currentPlaylist.count>0) {
                               var            item =MediaPlayer.currentPlaylist.item(MediaPlayer.currentPlaylist.count-1);
                               MediaPlayer.currentPlaylist.removeItem(item);                 //            从播放列表中删除项
                        }
    }
    function  addSeletedSongToPlayList()
    {      
                       clearlist();
                       var selectItem = document.getElementsByName("song");
    // alert(selectItem.length);        
    for(var i=0;i<selectItem.length;i++)
                        {
    if(selectItem[i].checked==true)
                             {      
    //alert(selectItem[i].value);
                                addmedia(selectItem[i].value); 
                             }
                        }
    // alert(MediaPlayer.currentPlaylist.count);
                         MediaPlayer.controls.play();            //让播放器开始播放
    }
    //添加歌曲到播放列表
    function   addUrlToList(){
                       addmedia(document.getElementById("songURL").value );}
    </script>
    <object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" name="MediaPlayer" width="320" height="240" id="MediaPlayer" style="filter:gray()">
        <param name="AutoStart" value="1"/>
        <!--是否自动播放-->
        <param name="Balance" value="0"/>
        <!--调整左右声道平衡,同上面旧播放器代码-->
        <param name="enabled" value="1"/>
        <!--播放器是否可人为控制-->
        <param name="EnableContextMenu" value="-1"/>
        <!--是否启用上下文菜单-->
    <param name="url" value=""/>
        <!--播放的文件地址-->
        <param name="PlayCount" value="1"/>
        <!--播放次数控制,为整数-->
        <param name="rate" value="1"/>
        <!--播放速率控制,1为正常,允许小数,1.0-2.0-->
        <param name="currentPosition" value="0"/>
        <!--控件设置:当前位置-->
        <param name="currentMarker" value="0"/>
        <!--控件设置:当前标记-->
        <param name="defaultFrame" value="0"/>
        <!--显示默认框架-->
        <param name="invokeURLs" value="0"/>
        <!--脚本命令设置:是否调用URL-->
        <param name="baseURL" value=""/>
        <!--脚本命令设置:被调用的URL-->
        <param name="stretchToFit" value="0"/>
        <!--是否按比例伸展-->
        <param name="volume" value="50"/>
        <!--默认声音大小0%-100%,50则为50%-->
        <param name="mute" value="0"/>
        <!--是否静音-->
        <param name="uiMode" value="Full"/>
        <!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
        <param name="windowlessVideo" value="0"/>
        <!--如果是0可以允许全屏,否则只能在窗口中查看-->
        <param name="fullScreen" value="0"/>
        <!--开始播放是否自动全屏-->
        <param name="enableErrorDialogs" value="0"/>
        <!--是否启用错误提示报告-->
        <param name="SAMIStyle" value=""/>
        <!--SAMI样式-->
        <param name="SAMILang" value=""/>
        <!--SAMI语言-->
        <param name="SAMIFilename" value=""/>
        <!--字幕ID-->
    <embed id="MediaPlayer" autostart="1" clicktoplay="0" width="320" height="240" showaudiocontrols="1" autorewind="0" autosize="0" showcontrols="1" align="bottom" showstatusbar="1" showdisplay="0" animationatstart="1" src="" showtracker="1" transparentatstart="0" type="application/x-mplayer2" showgotobar="0" pluginspage="" defaultframe="datawindow" border="1" showcaptioning="0" enablecontextmenu="1" showpositioncontrols="0" allowscan="1" invokeurls="0"/>
    </object>
    <script>addSeletedSongToPlayList();</script>
    <br><br><br><br>
    <input type="checkbox" name="song" value ="mms://pub1.qmoon.net/911pop?cccode=cc1276">青檬音乐台 <br>
    <input type="checkbox" name="song" value ="mms://live.rgd.com.cn/914">广东新闻电台<br>
    <input type="checkbox" name="song" value ="mms://live.rgd.com.cn/993">广东音乐之声<br>
    <br><INPUT TYPE = "BUTTON" ID = "play"Name="play"  VALUE = "播放选中的歌曲"  onClick = "addSeletedSongToPlayList();">
    <INPUT TYPE = "BUTTON" ID = "clear" Name="clear"  VALUE = "清空播放列表" onClick = "clearlist();"> <br>
    <INPUT TYPE = "BUTTON"ID = "add"  Name="add" VALUE = "添加到播放列表"onClick = "addUrlToList();"><input type="Text" name="songURL" value ="http://">
    </BODY>
    </HTML>

[!--infotagslink--]

相关文章

  • ASP.NET购物车实现过程详解

    这篇文章主要为大家详细介绍了ASP.NET购物车的实现过程，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-22

  • 在ASP.NET 2.0中操作数据之七十二：调试存储过程

    在开发过程中，使用Visual Studio的断点调试功能可以很方便帮我们调试发现程序存在的错误，同样Visual Studio也支持对SQL Server里面的存储过程进行调试，下面就让我们看看具体的调试方法。...2021-09-22

  • ASP.NET Core根据环境变量支持多个 appsettings.json配置文件

    这篇文章主要介绍了ASP.NET Core根据环境变量支持多个 appsettings.json配置文件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-09-22

  • 记一次EFCore类型转换错误及解决方案

    这篇文章主要介绍了记一次EFCore类型转换错误及解决方案，帮助大家更好的理解和学习使用asp.net core，感兴趣的朋友可以了解下...2021-09-22

  • 详解ASP.NET Core 中基于工厂的中间件激活的实现方法

    这篇文章主要介绍了ASP.NET Core 中基于工厂的中间件激活的实现方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22

  • asp.net通过消息队列处理高并发请求(以抢小米手机为例)

    这篇文章主要介绍了asp.net通过消息队列处理高并发请求(以抢小米手机为例)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-09-22

  • ASP.NET单选按钮控件RadioButton常用属性和方法介绍

    RadioButton又称单选按钮，其在工具箱中的图标为 ，单选按钮通常成组出现，用于提供两个或多个互斥选项，即在一组单选钮中只能选择一个...2021-09-22

  • 原生JS实现音乐播放器

    这篇文章主要为大家详细介绍了原生JS音乐播放器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-01-26

  • ASP.NET 2.0中的数据操作:使用两个DropDownList过滤的主/从报表

    在前面的指南中我们研究了如何显示一个简单的主/从报表, 该报表使用DropDownList和GridView控件, DropDownList填充类别,GridView显示选定类别的产品. 这类报表用于显示具有...2016-05-19

  • jQuery开发仿QQ版音乐播放器

    这篇文章主要介绍了jQuery开发仿QQ版的音乐播放器，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下...2020-07-10

  • ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码，感兴趣的小伙伴们可以参考一下...2021-09-22

  • 创建一个完整的ASP.NET Web API项目

    ASP.NET Web API具有与ASP.NET MVC类似的编程方式，ASP.NET Web API不仅仅具有一个完全独立的消息处理管道，而且这个管道比为ASP.NET MVC设计的管道更为复杂，功能也更为强大。下面创建一个简单的Web API项目，需要的朋友可以参考下...2021-09-22

  • ASP.NET连接MySql数据库的2个方法及示例

    这篇文章主要介绍了ASP.NET连接MySql数据库的2个方法及示例,使用的是MySQL官方组件和ODBC.NET,需要的朋友可以参考下...2021-09-22

  • Asp.Net使用Bulk实现批量插入数据

    这篇文章主要介绍了Asp.Net使用Bulk实现批量插入数据的方法,对于进行asp.net数据库程序设计非常有借鉴价值,需要的朋友可以参考下...2021-09-22

  • Asp.net中获取DataTable选择第一行某一列值

    这篇文章主要介绍了获取DataTable选择第一行某一列值,需要的朋友可以参考下...2021-09-22

  • Android GSYVideoPlayer视频播放器功能的实现

    这篇文章主要介绍了Android GSYVideoPlayer视频播放器功能的实现,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2021-03-31

  • Asp.net动态生成html页面的方法分享

    这篇文章介绍了Asp.net动态生成html页面的方法，有需要的朋友可以参考一下...2021-09-22

  • ASP.Net中的async+await异步编程的实现

    这篇文章主要介绍了ASP.Net中的async+await异步编程的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-09-22

  • 详解ASP.NET Core Token认证

    这篇文章主要介绍了详解ASP.NET Core Token认证,小编觉得挺不错的，现在分享给大家，也给大家做个参考。...2021-09-22

  • ASP.NET百度Ueditor编辑器实现上传图片添加水印效果

    这篇文章主要给大家介绍了ASP.NET百度Ueditor编辑器1.4.3这个版本实现上传图片添加水印效果的相关资料，文中通过图文及示例代码介绍的非常详细，相信对大家具有一定的参考价值，需要的朋友们下面来一起看看吧。...2021-09-22