• 搜索
  • 夜间模式
    ©2026  王较瘦?【Since 2006】 Theme by OneBlog
    搜索
    标签
    # 生活碎片/灵感时刻 # 瞎折腾/主题制作 # 生活碎片/摄影生活 # 生活碎片/游山玩水 # 贵阳市 # 生活碎片/游戏 # 重庆市 # 三亚 # 成都市 # 崇左市
  • 首页>
  • 日志>
  • 正文
  • 找到一个即插即用的播放器

    2024年09月30日 38 阅读 0 评论 1594 字

    一直想寻一款简单的音乐播放器,无奈网上的都是插件,即使你这个页面没有音乐仍然会加载几个css\js之类的无用玩意,与我的“简洁”理念相悖,今天无意中在别人的博客发现一个超简单的播放器,查看源码也是一款插件,但让我惊喜的是这款播放器只需加载 2 个文件且把音乐地址换了就能播放,花了几分钟,最多五分钟就拿来用了。
    演示:

    {music src : "https://o.oxoo.cc/usr/uploads/2024/09/AniFace - Where are you.mp3",title : "Where are you",singer : "AniFace"/}

    源码:

    <link rel="stylesheet" href="https://o.oxoo.cc/usr/plugins/tools/zbaudio/style.css">
    <script src="https://o.oxoo.cc/usr/plugins/tools/zbaudio/audio.js"></script>
    <p>
    <span class="zbaudio">
    <span class="zbaudio_img"></span>
    <span class="zbaudio_info">
    <strong></strong>
    <em class="zbaudio_singer"></em>
    <span class="zbaudio_area">
    <span class="zbaudio_item">
    <span class="zbaudio_progress">
    <span class="zbaudio_now">
    <span class="zbaudio_bar"></span>
    </span>
    <span class="zbaudio_cache"></span>
    </span>
    <span class="zbaudio_time">
    <em class="zbaudio_current">00:00</em>
    <em class="zbaudio_total"></em>
    </span>
    </span>
    <span class="zbaudio_play">
    <em data-action="play" data-on="play" data-off="pause"></em>
    </span>
    </span>
    </span>
    </span>
    </p>
    <script>var setConfig = {song : [{cover : "",  src : "https://o.oxoo.cc/usr/uploads/2024/09/AniFace - Where are you.mp3",title : "Where are you",singer : "AniFace"  }],error : function(meg){console.log(meg);}};var zbaudio = audioPlay(setConfig);if(zbaudio){zbaudio.loadFile(1);}</script>

    下一步计划做成那种文章中放一个mp3 链接则自动替换成这段播放器代码,恩,尽快完善。
    9.30 初步已完成,以短代码的形式实现php正则替换播放器代码,正则表达式写得不是很完美,不是太满意,折腾期间知道了这个小播放器原来是ZBLOG的插件。
    10.1 将短代码整合进了编辑器,点击可弹窗输入网址,取代手工输入短代码更方便了。
    10.5 试用几天后还是删掉了,真的真的用不上。

    本文著作权归作者 [ 王叔书 ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
    瞎折腾/主题制作
    — END —
    Copyright©2026  All Rights Reserved.  Load:0.026 s
    Theme by OneBlog V3.6.4
    夜间模式

    开源不易,请尊重作者版权,保留基本的版权信息。