歌词编辑器和选择歌曲可播放的网页

歌词编辑器

歌词编辑器

    第一步:选择要播放的歌曲并播放

    第二步:填写全部的歌词。

    第三步:添加时间标签。

添加时间标记目的

    1、添加时间标签(插入到光标处)   

    2、转到下一行(光标转到下一个回车地方,当最后一个位置不为回车符时,直接将光标移到文本末尾) 

删除时间标记算法:(删除光标所在行的时间标记)

删除所有时间标记算法:(替换所有的时间标记为空)

1、匹配时间标记

2、替换

播放器

    

    选择歌曲:

歌曲信息

    歌曲名:播放后显示

添加歌词(建议:第一步填写歌词文本;第二步添加时间标签)

     演唱者:

     标 题:

     编辑人:

     专 辑:

     内 容:

    

    

生成歌词 

    

    

快捷键:(方便添加歌词)

    1、播放歌曲

    2、停止播放

    3、暂停播放

| 版权:HLAYY | 作者:HLAYY | 联系QQ:42263646

function lastLrc()
{
/*
[ti:一直很安静]
[ar:阿桑]
[al:仙剑奇侠传电视原声带]
[by:hlayy]
*/

document.all("lastLrc").value="[ti:"+document.all("title").value+"]\r"+
 "[ar:"+document.all('singer').value+"]\r"+
"[al:"+document.all('sing').value+"]\r"+
"[by:"+document.all('pepole').value+"]\r"+
document.all('lrc').value;

}

function storeCaret(textEl) {

if (textEl.createTextRange)

textEl.caretPos = document.selection.createRange().duplicate(); //创建一个文本区域的副本

var slct = document.selection;
var rng = slct.createRange();

textEl.select();
rng.setEndPoint("StartToStart", slct.createRange());

psn = rng.text.length; //psn:光标的位置

rng.collapse(false);
rng.select();

}

function findNext(value)
{
//选择范围:以光标所在处为开始。以文本尾为结束
//在范围内搜索指定的符号
//i=光标开始处
//for(i;i 
| 时间:
񎧗/2/27 | 版本:1.00 |

暂无工作,有人推荐否?谢谢。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(0)

相关推荐

  • 歌词编辑器和选择歌曲可播放的网页

    歌词编辑器 歌词编辑器 第一步:选择要播放的歌曲并播放 第二步:填写全部的歌词. 第三步:添加时间标签. 添加时间标记目的 1.添加时间标签(插入到光标处) 2.转到下一行(光标转到下一个回车地方,当最后一个位置不为回车符时,直接将光标移到文本末尾) 删除时间标记算法:(删除光标所在行的时间标记) 删除所有时间标记算法:(替换所有的时间标记为空) 1.匹配时间标记 2.替换 播放器 选择歌曲: 歌曲信息 歌曲名:播放后显示 添加歌词(建议:第一步填写歌词文本:第二步添加时间标签) 演唱者: 标

  • 多首歌曲连续播放之asx播放列表文件

    经常看到一些音乐站点有这样的一个功能:任意选择页面中歌曲名称前的复选框,单击播放按钮即可实现这多个被选择歌曲的连续播放. 如果是单个音频文件在文档中播放,使用常用的方法即如这里介绍的第三种方法的类似方法. 但现在是多首歌曲,方法则不尽然~曾记得使用Winamp播放器时保存的列表文件m3u,现行的MediaPlayer播放器使用的wpl列表文件格式,当然,这里我要使用的是asx播放列表文件 ASX文件是一个文本文件,他主要的目的是对流信息进行重定向,类似RPM(RM的中转文件)文件. 利用ASX文

  • Android音乐播放器制作 点击歌曲实现播放(二)

    上次我们实现了把手机里的音频扫描到,然后放在list集合里面,用ListView展示在手机界面上,如果没有看过的可以去看看本人的博客:Android音乐播放器制作(一)扫描本地音乐显示在手机上 这次是在上一次的基础上直接继续写代码,几行代码实现点击那首歌曲就播放那首歌曲,系统已经提供了播放音频的对象了,直接用就可以了,具体如下: 1.声明一个MediaPlayer private MediaPlayer mediaPlayer;//播放音频的 2.实例化 //初始化 mediaPlayer =

  • 易语言单击歌曲即播放实现方法

    很多学员在开发音乐播放器的时候,只有点击歌曲列表某一首歌,然后再点击播放按钮才能播放,没法单击一下就播放的功能.这个音乐播放器开发出来,会给很多用户用起来感觉太麻烦,甚至不想用,下面简单介绍一下如何解决这个问题. 1.开发好的音乐播放器界面如下,但是无法单击就播放的 2.开发好的部分代码如下,注意里面的变量a,为整数型,它是取播放点位置用的,很多人把给忘记了,即使暂停也没法继续播放. 3.出现问题的代码如下,大家看看,问题在哪里 4.不错,看到我这里有个注释掉的一段:"' 媒体播放1.播放 (-

  • Goland编辑器设置选择范围背景色的操作

    为了区分选择与未选择区域,,将已选择区域的文本背景色设置为浅蓝色是个很做法. 设置的路径在 Editor > Color Scheme > General > Editor > Selection background 下面以2018版的Goland为例,如图: JetBrains出品的如phpStorm和webStorm等的设置也基本如此. 补充:Go语言:控制台输出有颜色的字 本方法只限用于 Windows系统 应用场景 需要输出大量信息的运行日志(一般是服务器,Windows

  • Android实现歌曲播放时歌词同步显示具体思路

    我们需要读取以上歌词文件的每一行转换成成一个个歌词实体: 复制代码 代码如下: public class LyricObject { public int begintime; // 开始时间 public int endtime; // 结束时间 public int timeline; // 单句歌词用时 public String lrc; // 单句歌词 } 可根据当前播放器的播放进度与每句歌词的开始时间,得到当前屏幕中央高亮显示的那句歌词.在UI线程中另起线程,通过回调函数 onDra

  • android播放器实现歌词显示功能

    网上android播放器虽然挺多,感觉提供的歌词显示功能比较死板,要么搜索给的条件死死的,要么放置sdcard内部的歌词格式需要统一,应该提供类似文件夹浏览的功能.^_^,不过在这之前先搞定歌词的现实界面: 播放器的歌词界面实现以下几个功能 根据歌曲的播放进度自下而上滚动: 提供上下拖动调整歌曲进度的功能: 突出显示当前进度的歌词段,并保证该歌词段处于布局中心 不多说了直接贴代码,首先开启一个线程每隔一段时间往view中送入一串字符 Java代码 import android.os.Bundle

  • 基于C#的音乐播放器主Form实现代码

    本文所述为一个由C#编写的音乐播放器的主Form代码,里面有一些小技巧还是不错的,现共享给大家参考一下.里面有播放器背景设置.线程定义.调用读取文件目录方法.播放时间计数器.设置LV背景.获取播放歌曲.播放按钮,切换播放or暂停.切换歌曲到下一首,调用切歌方法.显示播放列表.歌词局中.播放窗体最小化隐藏到托盘设置.进度条滚动模块.从歌曲列表中删除文件等等功能.且各个功能模板均备有较为详细的注释,便于大家阅读理解. 程序主要代码如下: using System; using System.Coll

  • iOS利用AVPlayer播放网络音乐的方法教程

    前言 假如你现在打算做一个类似百度音乐.豆瓣电台的在线音乐类APP,你会怎样做? 首先了解一下音频播放的实现级别: (1) 离线播放:这里并不是指应用不联网,而是指播放本地音频文件,包括先下完完成音频文件再进行播放的情况,这种使用AVFoundation里的AVAudioPlayer可以满足 (2) 在线播放:使用AVFoundation的AVPlayer可以满足 (3) 在线播放同时存储文件:使用AudioFileStreamer + AudioQueue 可以满足 (4) 在线播放且带有音效

  • iOS之基于FreeStreamer的简单音乐播放器示例

    前提准备 为了能够有明确的思路来做这个demo,我下载了QQ音乐和网易云音乐,然后分别对比,最终选择了QQ音乐来参照,先是获取了其中的所有资源文件(如果有不知道怎么提取资源文件的,可以参考iOS提取APP中的图片资源),在这之后就是研究使用技术,这里我选择了FreeStreamer,虽然系统也有,但是该框架可能更好用点. 实现部分 在这之前,先来看看大概效果图吧 再看完效果图之后,我们就来看看这其中涉及到的几个难点吧(在我看开~) 1.先让播放器跑起来 这里我使用的是pods来管理三方库,代码如

随机推荐