`

js 页面简易音乐播放器

chromejs音乐播放器 
阅读更多

<!doctype html>

<head>
  <meta charset="utf-8" />
  <title>HTML5 Document</title>
  <script>
function playClicked(element)
{
//get the state of the player
if(audio_player.paused)
{
audio_player.play();
newdisplay = "| |";
}else{
audio_player.pause();
newdisplay = ">";
}
element.value=newdisplay;
}
</script>
</head>
<body>
<audio controls="controls" id="audio_player">
 <source src="alert.wav" >
</audio>
<input type="button" onclick="playClicked(this)" value=">">
</body>
</html>

 

 

chrome 能用！！！亲测！

 

还有一个，也是能用的，取自w3协议社区

<embed type="audio/mpeg" src="Kalimba.mp3" style="width:400px; height:100px; border:3px solid black;" />

分享到：
| 12月30日更新184个迅雷vip号账号
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    用js/html5制作简易音乐播放器

    【标题】"用js/html5制作简易音乐播放器"揭示了我们要探讨的核心技术：JavaScript（简称js）和HTML5，以及如何结合它们来创建一个基本的音频播放功能。HTML5引入了新的`&lt;audio&gt;`标签，使得在网页上内嵌和控制音频变...

    基于Vue的简易版音乐播放器

    在这个基于Vue的简易版音乐播放器项目中，我们可以学习到如何利用Vue的基本概念和特性来构建一个功能完备的音乐播放应用。 首先，让我们了解Vue的核心概念。Vue采用MVVM（Model-View-ViewModel）设计模式，它允许...

    musicPlayer简易音乐播放器

    总的来说，`musicPlayer简易音乐播放器`是一个不错的实践平台，可以让学习者深入理解JavaScript、HTML和CSS的结合使用，同时也能锻炼到页面动态效果的实现和用户交互的设计。对于初学者来说，这是一个很好的动手项目...

    高仿QQ音乐播放器界面设计，后端根据自己需要

    QQ音乐播放器是一款深受用户喜爱的音乐应用，其独特的界面设计和丰富的功能为用户提供了优质的听歌体验。本文将深入探讨如何实现一个高仿QQ音乐播放器的界面设计，并为有志于构建类似播放器的开发者提供一些后端开发...

    基于HTML、CSS、JavaScript的简易音乐播放器.zip

    【资源内容】：项目具体内容可查看/点击本页面下方的*资源详情*，包含完整源码+工程文件+说明（若有）等。【若无VIP，此资源可私信获取】 【本人专注IT领域】：有任何使用问题欢迎随时与我联系，我会及时解答，第一...

    微信小程序 - 简易情绪播放器v0.0.2版

    简易情绪播放器v0.0.2版是基于微信小程序框架开发的音乐播放应用，可能集成了播放、暂停、上一首、下一首、音量控制等功能，同时可能根据用户的情绪推荐相应的音乐，以提升用户体验。 在开发微信小程序时，主要涉及...

    简易版音乐播放器.zip

    通过分析这个简易版音乐播放器，我们可以深入理解AJAX技术如何实现页面的无刷新更新，以及模板引擎如何帮助我们构建动态内容。同时，它也让我们了解到前端开发中的资源管理、页面布局和交互设计等多个方面。对于初学...

    简易版播放器

    "简易版播放器"是一个基于JavaScript技术开发的轻量级音乐播放应用，旨在提供基本的音乐播放功能，如切换歌曲和调整视觉样式。这个项目主要关注用户体验，通过简单的交互设计，让用户能够方便地操作播放器。 在...

    用原生js做的一款音乐播放器

    【描述】中的"这是一款用原生js写的网页音乐播放器，非常简易，也比较实用"说明这个播放器设计简洁，功能实用。简洁可能意味着它的UI设计直观，代码结构清晰，易于理解和维护。实用性则表明它能够满足基本的音乐播放...

    简易音乐音乐_微信小程序模板js代码前台前端H5页面源码.rar

    【描述】这个压缩包包含的是一个简易音乐播放器的微信小程序模板，以及对应的前端H5页面源码。开发者可以利用这些代码快速构建一个音乐播放应用，适用于微信小程序环境，同时也提供了H5版本，方便在网页上运行。这个...

    简易的播放器.zip

    在本项目中，"简易的播放器.zip" 是一个包含基本音乐播放功能的Web应用程序，主要使用HTML、CSS和JavaScript技术构建。以下是关于这些技术及其在该播放器中应用的知识点详细说明： **HTML（HyperText Markup ...

    微信小程序源码_简易音乐音乐.zip

    "微信小程序源码_简易音乐播放器.zip" 是一个包含微信小程序源代码的压缩文件，用于创建一个简单的音乐播放器应用。这个压缩包可能包括了小程序开发所需的全部文件，如 `.wxml`（结构文件）、`.wxss`（样式文件）、`...

    Music-player:这个音乐播放器是使用 HTML、CSS 和 bootsrap 制作的

    通过使用Bootstrap，开发者可以轻松地创建跨平台兼容的音乐播放器界面，无需从零开始编写大量的CSS代码。 音乐播放器通常会包含以下功能，这些功能可能通过HTML、CSS和Bootstrap的结合实现： 1. 音乐播放：通过...

    基于vue实现的简易音乐播放软件

    在这个基于Vue实现的简易音乐播放软件中，Vue.js 被用作视图层的管理工具，通过声明式的语法来处理DOM更新，使得开发者可以专注于数据逻辑，而无需关心DOM操作的细节。Vue的响应式系统会自动追踪数据变化，并在需要...

    简易网页音乐播放程序

    总的来说，简易网页音乐播放程序是一个集JavaScript交互、HTML5音频API、CSS美化于一体的实例，适合初学者了解网页音乐播放器的构建过程，也适合有经验的开发者参考和优化。通过深入研究这个项目，你可以掌握更多...

    简易音乐音乐_machinee67_音乐源码_简易音乐小程序_音乐程序源码_音乐小程序_

    在《简易音乐》中，开发者使用了微信小程序提供的开发工具和框架，包括WXML（微信小程序的标记语言）和WXSS（微信小程序的样式语言），以及JavaScript来实现页面逻辑和数据处理。 二、音乐播放功能 音乐播放是该小...

    简单三页式仿QQ音乐播放器小程序源码.zip

    该压缩包文件“简单三页式仿QQ音乐播放器小程序源码.zip”包含了一个简易的QQ音乐播放器小程序的源代码。这个小程序可能是用微信开发者工具（Tencent WeApp Toolkit）开发的，主要由三个页面构成，用于实现基本的...

    小程序后端——简易音乐

    本项目“小程序后端——简易音乐”是针对这一领域的一个实例，它结合了前端与后端技术，实现了一个音乐播放器的功能。在这个项目中，我们可以学习到关于小程序开发和Java Web后端开发的相关知识。 首先，对于小程序...

    简易音乐网站（.net/C#）

    【简易音乐网站（.net/C#）】是一个利用微软的.NET框架和C#编程语言构建的在线音乐平台项目。这个项目旨在提供一个简洁易用的界面，让用户能够浏览、搜索和播放各种音乐。通过.NET技术栈，开发者可以利用其强大的...

Magicbox
Global site tag (gtag.js) - Google Analytics