`

javascript 调用MediaPlayer实现多曲音乐的播放

阅读更多

如何在网页上实现调用MediaPlayer实现多曲音乐的播放。有很多种方法。我只会一种方法也是最喜欢的一种方法是用javascript。

还是用代码说话...

 

HEAD标签内加的:

 <script type="text/javascript">
  var temp=0;
  function play(){
   var play = document.getElementById("paly")
   
   if(temp==1)
   {
    str="http://listen.idj.126.net/uf/496/8296f194bd164be5ba820b2ddbba6cff.mp3";
   
   }
   else if(temp==2)
   {
    str="http://p.dootnet.com/23/588/63894/04054576.wma";
   
   }
   else if(temp==3)
   {
    str="http://h.5q68.com/music/57.MP3";
   }
   
   play.setAttribute("URL",str); 
  }
  function play2()
  {
   temp++;
   if(temp>3)
   {
    temp=1;
   }
   play();
  }
  </script>

 

 

BOOY标签内的内容:

 

     <object id="paly" width=450 height=150 classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
        <param name="URL" >
        <param name="rate" value="1">
        <param name="balance" value="0">
        <param name="currentPosition" value="0">
        <param name="defaultFrame" value="">
        <param name="playCount" value="1000">
        <param name="autoStart" value="1">
        <param name="currentMarker" value="0">
        <param name="invokeURLs" value="-1">
        <param name="baseURL" value="">
        <param name="volume" value="50">
        <param name="mute" value="0">
        <param name="uiMode" value="full">
        <param name="stretchToFit" value="0">
        <param name="windowlessVideo" value="0">
        <param name="enabled" value="-1">
        <param name="enablecontextMenu" value="-1">
        <param name="fullScreen" value="0">
        <param name="SAMIStyle" value="">
        <param name="SAMILang" value="">
        <param name="SAMIFilename" value="">
        <param name="captioningID" value="">
      </object>

 

<input type="button" name="button" id="button" value="按钮"  onClick="play2();">

 

分享到:
评论

相关推荐

    javascript控制MediaPlayer的属性集合与realplayer对象使用

    通过监听事件、调用方法、修改属性,开发者可以实现如播放列表管理、媒体同步(如歌词同步)、自定义用户界面等多种功能。例如,你可以使用 `CurrentMarker` 和 `CurrentPosition` 来跟踪播放进度,或者利用 `...

    html5 android网络音乐播放器 可调用android播放本地音乐

    HTML5与Android网络音乐播放器是一种技术融合的产物,它结合了HTML5的网页开发能力与Android平台的原生功能,使得用户可以在浏览器或者特定的Web应用中播放网络音乐,甚至能够调用Android设备的本地音乐库。...

    jsp下的web播放器[采用mediaplayer实现]

    Java Media Framework (JMF) 提供了MediaPlayer类,它是实现媒体播放的核心。JMF支持多种音频和视频格式,如MP3、WAV、WMV、AVI等。为了在JSP中使用MediaPlayer,我们需要确保系统已经安装了JMF,并在项目中添加相应...

    简单实现音乐播放器进度条功能

    这个"简单实现音乐播放器进度条功能"的项目,旨在教你如何在编程环境中创建一个基本的音乐播放器,包括播放、暂停和切换歌曲的能力,并通过进度条展示当前播放进度。我们将探讨以下关键知识点: 1. **媒体播放API**...

    android实现背景音乐播放及网页超链接

    在Android开发中,实现背景音乐播放以及在网页中嵌入超链接是常见的需求,这涉及到多个组件和技术的综合运用。让我们深入探讨一下如何在Android应用中实现这些功能。 首先,我们要处理的是背景音乐播放。在Android...

    android 网页浏览 音乐播放 源码

    - 可能还包含了对JavaScript的交互支持,通过`WebChromeClient`启用JavaScript,并实现`WebView.addJavascriptInterface()`来提供Java对象供JavaScript调用。 2. **音乐播放** 对于音乐播放功能,Android提供了`...

    js网页形式MediaPlayer播放器代码

    总的来说,这个"js网页形式MediaPlayer播放器代码"项目是一个实践JavaScript和前端技术的好例子,它涵盖了多媒体处理、事件监听、DOM操作等多个方面。开发者可以通过学习和理解该项目,提升自己的前端技能,同时也能...

    在线视频播放器MediaPlayer

    开发者可以通过JavaScript API与`&lt;video&gt;`元素交互,实现播放、暂停、调整音量、改变播放速度等操作。 在移动平台上,Android系统提供了一个名为`MediaPlayer`的原生库,它是Android多媒体框架的一部分。开发者可以...

    android开发 在线播放

    `addJavascriptInterface()`方法允许我们创建一个Java对象,该对象的方法可以被网页中的JavaScript调用,从而实现Android应用与网页之间的通讯。 3. **Android与JavaScript的交互**:通过`addJavascriptInterface()...

    js_mediaplayer

    - 播放、暂停、停止等功能通过调用`phx`对象的方法实现。 - 静音功能通过切换`phx.settings.mute`的状态实现。 - 音量增减按钮触发对应的`volup`和`voldown`函数。 ### 三、综合应用与扩展 #### 1. 音量控制...

    mediaplayer接口说明

    我们将从接口设计、功能实现、源码解析以及与工具的集成等多个方面进行详尽的分析。 首先,了解`mediaplayer`接口的基本概念。在编程领域,接口是一种定义了特定功能的合同,它规定了类或模块应该如何与其他部分...

    jsp音乐网站播放功能

    ### jsp音乐网站播放功能实现的关键知识点 #### 一、音乐播放器的嵌入与配置 在构建一个音乐网站时,播放器的功能是至关重要的。根据所提供的部分内容,我们可以看到使用了`&lt;object&gt;`标签来嵌入一个媒体播放器。这...

    利用JAVASCRIPT掌握MEDIA PLAYER的功能实现_.docx

    在本文中,我们将深入探讨如何利用JavaScript来实现多媒体播放器(MediaPlayer)的功能。JavaScript是一种强大的脚本语言,常用于网页交互和动态内容控制,包括媒体播放器的控制。以下是一些关键知识点: 1. **DOM...

    音乐播放器简洁版

    - 在许多编程环境中,如JavaFX或Qt,有专门的音乐播放组件,如`javafx.scene.media.MediaPlayer`,可以方便地实现播放功能。 6. **百度接口访问**: - 这部分可能涉及网络编程,通过HTTP请求获取在线音乐资源。...

    利用JAVASCRIPT控制MEDIA PLAYER的功能实现

    通过直接调用MediaPlayer对象的相应方法来实现控制。 #### 三、总结 以上就是利用JavaScript控制MediaPlayer功能实现的主要内容。通过这种方式,开发者可以灵活地控制媒体播放器的行为,为用户提供更好的互动体验...

    android studio仿音乐播放器.zip

    例如,`MediaPlayer.create()`方法可以用来实例化一个`MediaPlayer`对象并准备播放指定的音乐文件。 **版本控制更新** 提到版本控制,很可能是应用的更新机制,这通常涉及到服务器端的交互。项目中提到了使用Node....

    UnityWebGL播放在线视频m3u8两种方案

    3. **交互控制**:通过JavaScript和Unity的JavaScript互操作性(JSIL)来实现视频的播放、暂停、停止等控制。在Unity中注册JavaScript函数,然后在HTML页面中调用这些函数。 这两种方案各有优缺点。AVProVideo提供...

    H5MediaPlayer:HTML5媒体元素(例如视频和音频)的代码

    这两个元素都有类似的属性和方法,如`src`用于设置媒体源,`controls`添加播放、暂停、音量等控制,`autoplay`实现自动播放,`loop`使媒体循环播放,以及`preload`设定预加载策略等。例如: ```html ...

    WebView实现网络视频的播放和离线观看

    3. 使用Vitamio提供的`VideoView`或`MediaPlayer`来播放本地视频。当用户点击下载按钮时,可以调用`downloadFile()`函数,将网络视频保存到本地: ```java public void downloadFile(String url) { File ...

    综合了webview js 和播放器的demo

    3. 当JavaScript调用这些接口时,原生代码会接收到事件并执行相应的操作,如启动播放器、改变播放状态等。 4. 为了反馈播放状态,原生代码也可以通过回调函数向JavaScript发送更新,让网页能够更新播放控制界面。 ...

Global site tag (gtag.js) - Google Analytics