qq_36028619 2023-04-02 06:51 采纳率: 100%
浏览 6
已结题

rabbit-lyrics.js使用问题

您好我在使用您rabbit-lyrics.js这个js的时候div中的歌词我是动态加载进来的 我该怎样去用里边的方法去加载呢

parseLyrics() {
            if (!this.element) return this;
            let e = this.element.textContent.trim().split("\n");
            this.element.textContent = "";
            let t = 0,
                n = [];
            for (let i = 0; i < e.length; i++) {
                let r = document.createElement("div");
                r.className = "rabbit-lyrics__line", this.element.appendChild(r), this.lineElements.push(r);
                let s = e[i].trim(),
                    o = s.match(/\[\d+:\d+\.\d+\]/g) || [],
                    a = s.match(/^\[\d+:\d+\.\d+\]/g) || [],
                    l = s.match(/\[\d+:\d+\.\d+\]$/g) || [];
                o.length && n.length && (n.forEach(function(e) {
                    e.dataset.end = this.decodeTimeStamp(o[0])
                }, this), n = []), a.length > 0 ? (r.dataset.start = this.decodeTimeStamp(a[0]), t = this.decodeTimeStamp(a[0])) : r.dataset.start = t, l.length > 0 ? (r.dataset.end = this.decodeTimeStamp(l[0]), t = this.decodeTimeStamp(l[0])) : (r.dataset.end = 1 / 0, n.push(r)), (s = s.replace(/\[\d+:\d+\.\d+\]/g, "")) || (s = " "), r.innerHTML = s
            }
            return this
        }

我看您有一段这个代码应该是创建的这些div 我该怎样调用这个方法呢

<div class="rabbit-lyrics__line" data-start="134.429" data-end="138.361">当记忆的线缠绕过往支离破碎</div>
  • 写回答

2条回答 默认 最新

  • 夜郎king 2022博客之星IT其它领域TOP 12 2023-04-02 07:59
    关注

    官网有使用指南:https://guoyunhe.gitlab.io/rabbit-lyrics/#install

    img


    两种模式

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月11日
  • 已采纳回答 4月3日
  • 创建了问题 4月2日

悬赏问题

  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题:在模糊控制器中选出线路信息,在simulink中根据线路信息生成速度时间目标曲线(初速度为20m/s,15秒后减为0的速度时间图像)我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法
  • ¥15 matlab代码代写,需写出详细代码,代价私
  • ¥15 ROS系统搭建请教(跨境电商用途)