Coder Social home page Coder Social logo

jackwiy / scscmsmusic Goto Github PK

View Code? Open in Web Editor NEW

This project forked from scscms/scscmsmusic

0.0 1.0 0.0 421 KB

这是一个chrome扩展程序的音乐播放器,方便在没有安装音乐播放器时使用chrome浏览器听歌。可以建立播放列表,导入的歌曲可以存储,并支持播放远程音乐。

HTML 28.09% JavaScript 65.80% CSS 6.11%

scscmsmusic's Introduction

SCSCMS音乐播放器chrome扩展程序

这是一个chrome扩展程序的音乐播放器,方便在没有安装音乐播放器时使用chrome浏览器听歌。可以建立播放列表,导入的歌曲可以存储,并支持播放远程音乐。

安装方法:

  • 普通使用者:打开谷歌商店网页SCSCMS音乐播放器点击`添加至Chrom。
  • 开发者:打开浏览器输入地址chrome://extensions回车,点击加载已解压的扩展程序,并选择本站的scsMusic文件夹。
  • 其他安装:打开浏览器输入地址chrome://extensions回车,然后把本站的SCSCMS音乐播放器.crx文件拖进去即可安装。

使用方法:

  • 在chrome浏览器右上角点击 图标,并双击添加歌曲。右键查看播放列表。
  • 在chrome浏览器右上角右键 选择选项,进入播放列表管理。
  • 在任意网页下右键可显示SCSCMS音乐播放器操作菜单。

特别说明:

  • 本程序使用了ES6语法,请使用支持ES6chrome浏览器来播放。

  • 以开发者安装的扩展,每次启动浏览器都会提示“请信用以开发者模式运行的扩展程序”可忽略并关闭。在谷歌商店上安装不存在此问题。

  • 因内存资源有限,播放时间长的音乐会导致扩展程序崩溃。

  • 添加网络歌曲失败原因:权限问题。因扩展程序申请过泛的权限需要谷歌严格的审核,为了不影响发布进程,所以权限做了减缩。恢复方法:

    1、在chrome浏览器里打开chrome://extensions/

    2、记下SCSCMS音乐播放器程序的ID

    3、打开chrome扩展程序目录C:\Users\用户名\AppData\Local\Google\Chrome\User Data\Default\Extensions\ID(这里以win7为例,其他系统请自行百度)

    4、打开manifest.json添加 "permissions": [ "http://*/*", "https://*/*", 并把"matches": [ "http://www.scscms.com/*" ],改为"matches": [ "<all_urls>" ], 搞定。(可参考根目录下的manifest.json文件)

程序图片:

首先需要添加歌曲,默认播放列表为music

添加好歌曲右键可查看播放列表

播放界面

选项操作界面,主要是管理播放列表。

  • 点击列表名就播放本列表
  • 可删除列表(暂无重命名功能)
  • 监听:表示监听你打开的任意页面,判断是否能捕获到可播放的音乐
  • 自动:表示打开浏览器就自动播放歌曲,慎用!

如有任何问题,请留Issues

scscmsmusic's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.