Hmm

Handsome主题音乐播放器音量控制器样式
Handsome主题音乐播放器音量控制器样式Handsome主题主题自带了skPlayer播放器，但音量控制被隐藏...
扫描右侧二维码阅读全文
26
2018/09

Handsome主题音乐播放器音量控制器样式

  1.  首页
  2. 正文  
    3. 分享到：

Handsome主题音乐播放器音量控制器样式

Handsome主题主题自带了skPlayer播放器，但音量控制被隐藏了，默认只能100%音量和静音，今天修改了下js和css实现了音量控制，顺便兼容了Chorme和Firefox，对IE的兼容稍微有点问题，但还是可以实现操作，下面给出代码文件和使用说明。

页面预览

见本站

使用说明

1.确保主题已升级至4.5.1
2.下载css和js文件
3.替换/handsome/assets/css/和/handsome/assets/js/目录下的同名文件
4.目前只做了炫酷透明模式兼容，其他模式请自己修改CSS调整对应的颜色或在本文章下回复。

5.该样式已过期，请自主从handsome.css中提取音量控制条样式，js文件可直接替换

下载地址

此处内容需要评论回复后（审核通过）方可阅读。

最后修改：2020 年 07 月 10 日 06 : 23 PM
© 允许规范转载

46 条评论

  1. dmbcjl

    学习一下
    回复
  2. dmbcjl

    see
    回复
  3. 高考加油

    试着魔改
    回复
    1. Hmm
      @高考加油

      加油！主要改了handsome.css和music.min.js
      回复
  4. 七月

    学习OωO
    回复
  5. 安然

    ....看看
    回复
  6. surpriselon

    2333
    回复
  7. Shuazi

    @Hmm 6.0的css里没这串啊

    skPlayer .skPlayer-control .skPlayer-volume .skPlayer-percentback {

    改不带back的那项，点按钮不静音了，但是也不弹出改音量的.

    回复
  8. Shuazi

    老鸽老鸽，整完没？

    回复
  9. yuuxeun

    期待适配6.0中
    回复
  10. Shuazi

    6.0能用么
    回复
    1. Shuazi
      @Shuazi

      要不重新打包一份？？？，那个音量条怎么是椭圆形的.....

      回复
      1. Hmm
        @Shuazi

        是的，要重新打包，只不过我现在还是5.X的主题，明天我得弄个6.0的环境再打包，具体参考本博客现在的样式，如果还是椭圆形请说明一下浏览器类型及版本
        回复
        1. Shuazi
          @Hmm

          https://s1.ax1x.com/2020/05/12/YtqZcT.png
          火狐76.0.1 (64 位)
          整活！

          回复
    2. Hmm
      @Shuazi

      不对，不可以！！！！6.0改了太多东西了！！！请手动合并文件修改的部分！！！！
      回复
      1. Shuazi
        @Hmm

        你已经动手了么····

        回复
        1. Hmm
          @Shuazi

          等我明天出一个6.0的版本吧，今天太晚了先睡觉啦
          回复
          1. Shuazi
            @Hmm

            成，顺便把着音量条改成正常形状吧（逃
            回复
        2. Hmm
          @Shuazi

          我突然想起来之前看过6.0的代码，改了很多东西，直接覆盖会出事故

          回复
    3. Hmm
      @Shuazi

      理论上是可以
      回复
  11. 凉菜

    很不错，谢谢博主
    回复
  12. yuuxeun

    感谢博主分享
    回复
    1. yuuxeun
      @yuuxeun

      哇这评论审核邮箱通知怎么做的

      回复
  13. yuuxeun

    插眼
    回复
  14. qianbaise

    感谢博主分享
    回复
  15. DeleteZN

    求大佬审核通过以一下 麻烦了~
    回复
  16. DeleteZN

    啊 膜大佬 找了很久了
    回复
  17. 致吾

    下载试试
    回复
  18. 致吾

    瞅瞅！！
    回复
  19. 猫咪

    来看看
    回复
  20. abc

    博主的透明度调的多少呀
    回复
    1. Hmm
      @abc

      主题默认的0.3透明度哦
      回复

发表评论