1 [复制链接]

// 假设你已经有了一个可以播放音乐的audio元素
const audio = document.querySelector('audio');

// 读取本地LRC文件
function readLrcFile(file) {
  const reader = new FileReader();
  reader.onload = function(e) {
    const lrcContent = e.target.result;
    // 解析LRC内容
    const parsedLrc = parseLrc(lrcContent);
    // 处理解析后的歌词，例如显示在屏幕上或控制歌词播放
  };
  reader.readAsText(file);
}

// 解析LRC字符串
function parseLrc(lrc) {
  // 实现具体的解析逻辑，返回解析后的数据结构
  // 例如：[{ time: '[00:01.23]', text: '这里是歌词' }, ...]
}

// 假设你已经有了一个input元素来选择文件
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', function(e) {
  const file = e.target.files[0];
  if (file) {
    readLrcFile(file);
  }
});

<template>
  <view>
    <text>{{ lrcContent }}</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      lrcContent: ''
    };
  },
  onReady() {
    this.readLrcFile();
  },
  methods: {
    readLrcFile() {
      const fileName = '_www/test.lrc'; // 假设lrc文件位于项目的_www目录下
      plus.io.resolveLocalFileSystemURL(fileName, (entry) => {
        entry.file((file) => {
          var reader = new plus.io.FileReader();
          reader.onloadend = (e) => {
            this.lrcContent = e.target.result;
          };
          reader.readAsText(file);
        }, (e) => {
          console.log('读取文件失败：' + e.message);
        });
      }, (e) => {
        console.log('获取文件对象失败：' + e.message);
      });
    }
  }
};
</script>