利用树莓派播放mp3,web远程操作

最新推荐文章于 2024-08-02 20:55:23 发布

Jacky_Lu

最新推荐文章于 2024-08-02 20:55:23 发布

阅读量2.7k

点赞数 1

分类专栏： nodejs

本文链接：https://blog.csdn.net/ljxh401/article/details/81059809

版权

nodejs 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

1.在树莓派上面安装 mplayer

sudo apt-get install mplayer

2.在树莓派上面安装 nodejs

到nodejs官网上面下载最新的 nodejs

通过 ftp 放入树莓派

解压 $ tar -xvf node-v8.11.3-linux-armv7l.tar.xz

并且移动到 /usr/local/node

sudo mv node-v8.11.3-linux-armv7l /usr/local/node

更新环境变量

sudo echo PATH=$PATH:/usr/local/node/bin >> ~/.bashrc

刷新环境变量

source ~/.bashrc

3.安装express

安装 express 命令

npm install express -g

安装 express-generator,装了才能用命令行生成 express 项目

npm i -g express-generator

4.生成项目 webmusic

express -e webmusic

在 webmusic 文件夹通过命令 npm install 添加所需的安装包

5.添加代码

添加views文件及文件music.ejs 内容如下

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><%= title %></title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
    <h1><%= title %></h1>
    <table width="100%" border="1" cellpadding="0" cellspacing="0">
        　　 <tr>
                <td>编号</td>
                <td>歌曲</td>
                <td>操作</td>
        　　</tr>
        　　<tbody id="bg">
        　　</tbody>
    </table>
   <input type="radio" class="loop" name="test" value=0 checked>全部循环 
   <input type="radio" class="loop" name="test" value=1 > 随机播放 
   <input type="radio" class="loop" name="test" value=2 >单曲循环<br>

   <script>
        function shujv()
        {
       $.get("/music/list",
       function(data,status){
            var da=data.datas;
            var htmlstr;//="<tr><td>"+da.length+"</td><td>"+"</td><td>"+"</td><td>"+"</td><td></tr>";
           //alert("test:"+da.length);
            for(var i=0;i<da.length;i++)
            {
           var element=da[i];
           var tmp;
                htmlstr+="<tr><td>"+i+"</td><td>"+da[i]+"</td><td><input type='button' class='shanchu' value='play' code='"+i+"'></td></tr>"
            }
            $("#bg").html(htmlstr);
            $(".shanchu").click(function()
            {
                //alert($(this).attr("code"));
                var code=$(this).attr("code");
                $.get("/music/play/"+code,
                function(data,status){
                    //shujv();
                });
            });
       });
        }

        $(function(){
       shujv();
       $(".loop").click(function()
            {
                //alert($(this).attr("value"));
                var code=$(this).attr("value");
                $.get("/music/loop/"+code,
                function(data,status){
                    //shujv();
                });
            });
        });
   </script>
</body>
</html>