https://github.com/lovefc/mjs

mjs - 小巧方便的音乐播放js类
https://github.com/lovefc/mjs

Last synced: 2 months ago
JSON representation

mjs - 小巧方便的音乐播放js类

• Host: GitHub
• URL: https://github.com/lovefc/mjs
• Owner: lovefc
• License: apache-2.0
• Created: 2021-10-27T07:48:34.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-10-28T05:44:24.000Z (over 3 years ago)
• Last Synced: 2025-01-09T22:17:51.902Z (4 months ago)
• Language: HTML
• Size: 3.28 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# mjs - 小巧方便的音乐播放js类

### 项目介绍

轻巧方便的music封装类库，利用它可以快速打造一个功能全，个性化的music播放器

提供了很多播放事件以及回调，确保你能更加灵活的使用它

演示地址：https://lovefc.gitee.io/mjs/

下载地址：https://gitee.com/lovefc/mjs



### 安装教程

直接下载源码或者使用git克隆

### 使用方法(具体看案例)

    // 实例化mjs类库

    let music = new mjs();

    // 歌词显示的回调函数，写在init函数调用前面

    music.lycCallback = (lycText) => {

        $('#lyctext').html(lycText);

    };

    // 切歌的回调，写在init函数调用前面

    music.switchCallback = (attr) => {

        music.autoPlay(); // 可以在这里写 自动播放

        $('#songname').html(attr.title + "-" + attr.author);

        $('#pic').html('');

    };

    // 传入歌曲json，初始化

    // json为多维json

    // [{'title':'歌曲名称','author':'作者','pic':'歌曲封面','url':'播放直链地址'}]

    // music.init(歌曲json,循环方式[0,1,2],初始音量[0.1-1],跨域[true|false]);

    music.init(musiclist,1,0.5,false);

    // 获取当前歌曲的播放时间和进度的回调，写在init函数后面

    music.timeCallback = (music) => {

        $('#times').html(music.nowtime + "/" + music.alltime);

    };

    // 播放

    $("#play").click(function () {

        music.autoPlay();

    });

    // 暂停

    $("#stop").click(function () {

        music.stopPlay();

    });

    // 随机循环

    $("#order").click(function () {

        music.orderMusic(1);

        alert('开启随机循环成功');

    });

    // 单曲循环

    $("#order2").click(function () {

        music.orderMusic(2);

        alert('开启单曲循环成功');

    });

    // 列表循环

    $("#order3").click(function () {

        music.orderMusic(0);

        alert('开启列表循环成功');

    });

    // 下一首

    $("#xia").click(function () {

        music.nextMusic(function (music) {

            // 播放下一首的事件回调

        });

    });

    // 上一首

    $("#shang").click(function () {

        music.prevMusic(function (music) {

            // 播放上一首的事件回调

        });

    });

    // 放大音量

    $("#da").click(function () {

        let num = 1;

        music.playVolume(num, function (num) {

            console.log('放大音量' + num);

        });

    });

    // 缩小音量

    $("#xiao").click(function () {

        music.playVolume(0.3, function (num) {

            console.log('缩小音量' + num);

        });

    });

    // 跳到开头

    $("#kaitou").click(function () {

        music.playProgress(1);

    });

    // 跳到中间

    $("#zhongjian").click(function () {

        music.playProgress(50);

    });

    // 跳到结尾

    $("#mowei").click(function () {

        music.playProgress(98);

    });

    // 加快速度,最大为200

    $("#jiakuai").click(function () {

        music.playRate(200);

    });

    // 正常速度

    $("#zhengchang").click(function () {

        music.playRate(100);

    });

    // 减慢速度

    $("#bianman").click(function () {

        music.playRate(50);

    });