javascript - 在我的网页上嵌入多首歌曲

标签 javascript html

我正在使用此代码在正在开发的网页上播放音乐,但我在如何嵌入或播放多首歌曲方面遇到问题..我希望当人们访问我的网站时他们可以播放音乐。任何有想法的人我如何修改这段代码??

<?xml version="1.0" encoding="utf-8"?>
<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> Welcome to Groundswell </title>
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<script>
    $(document).ready(function(){
        $("#play-bt").click(function(){
            $("#audio-player")[0].play();
            $("#message").text("Music started");
        })

        $("#pause-bt").click(function(){
            $("#audio-player")[0].pause();
            $("#message").text("Music paused");
        })

        $("#stop-bt").click(function(){
            $("#audio-player")[0].pause();
            $("#audio-player")[0].currentTime = 0;
            $("#message").text("Music Stopped");
        })
    })
</script>
</head>

<body>

<audio id="audio-player" name="audio-player" src="02 - Hillsong - Run.mp3"></audio>
<div id="message"></div>
<a id="play-bt" href="#">Play music</a> | <a id="pause-bt" href="#">Pause music</a> | <a id="stop-bt" href="#">Stop music</a>

</body>
</html>

最佳答案

只是一个想法,也许值得研究一下 HTML5 音频

http://www.w3schools.com/html5/html5_audio.asp

关于javascript - 在我的网页上嵌入多首歌曲,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8368293/

相关文章:

html - 在页面中重叠两个单独的 div

javascript - 如何通过网站在 IOS 设备上录制音频

html - 电子邮件副标题 - 有没有一种简单的方法可以做到这一点?

javascript - 如何使用laravel和ajax设置下拉列表值?

javascript - jquery 使用 for 循环和随机 eq 触发多次点击事件

javascript - 如何使用 html5 本地存储显示用户输入列表?

html - 如何在同一行中将文本左对齐和文本右对齐?

javascript - 实现样式精美的滚动条,并保留 native 功能

javascript - 语音转文字识别不准确

css - 导航栏高度的问题