V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
secondar

[毫无意义/摸鱼写出来的玩意] 给自己写了一个网页音乐播放器,用于放一些自己收藏的音乐

  •  
  •   secondar · Jul 22, 2021 · 2743 views
    This topic created in 1743 days ago, the information mentioned may be changed or developed.

    这个项目是写给自己的一个小项目,用于收藏自己喜欢的音乐 /视频播放的,放在线上或本地搭建的一个小玩意,目前完成了一个音乐播放器,目前只用了一个element-resize-detector来监听页面高度变化使用,其他均用 js/css 实现,播放器本体在**\assets\component\AudioPalyer,未来打算加入一个视频播放器,反正是想到什么做什么吧,比较随意,由于用的Audio,只支持wav,mp3,ogg,acc,webm**等格式

    点这里查看 demo

    轻喷

    已知问题

    小米手机浏览器上背景图问题很大,不过这里跟本体没啥关系,背景图是写在 index.html 里的

    一些截图:

    avatar avatar avatar avatar

    8 replies    2021-10-27 13:10:40 +08:00
    secondar
        1
    secondar  
    OP
       Jul 22, 2021
    zololiu
        2
    zololiu  
       Jul 22, 2021
    不知不觉听了好几首,都是合胃口的歌曲,感谢~
    Smash
        3
    Smash  
       Jul 22, 2021
    favicon 还是 vue 的.
    Kiriya
        4
    Kiriya  
       Jul 22, 2021
    音量调节貌似有点问题,调小声音变大,戴着耳机的我耳朵差点炸了
    libook
        5
    libook  
       Jul 23, 2021
    看起来不错。

    我前段时间也尝试做一个基于 Nginx autoindex 数据的网页播放器,用的是 DIYGod 的 https://github.com/DIYgod/APlayer
    missdeer
        6
    missdeer  
       Jul 23, 2021
    Blog 写成了 Bolg
    secondar
        7
    secondar  
    OP
       Jul 23, 2021
    @missdeer 手快,打完也没咋看过
    @Kiriya 0~100 * 0.01 50%后就比较明显,打了一下 log 没问题啊
    secondar
        8
    secondar  
    OP
       Oct 27, 2021
    @libook 大佬
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5100 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 65ms · UTC 09:10 · PVG 17:10 · LAX 02:10 · JFK 05:10
    ♥ Do have faith in what you're doing.