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

编程学习 2021-07-05 13:04www.dzhlxh.cn编程入门

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>歌词编辑器</title> </head> <body> <p>歌词编辑器</p> <p> 　　　　第一步：选择要播放的歌曲并播放</p> <p>　　　　第二步：填写全部的歌词。</p> <p>　　　　第三步：添加时间标签。</p> <p> 添加时间标记目的</p> <p>　　　　1、添加时间标签(插入到光标处)　　　 </p> <p>　　　　2、转到下一行(光标转到下一个回车地方，当最后一个位置不为回车符时，直接将光标移到文本末尾)　</p> <p>删除时间标记算法：（删除光标所在行的时间标记）</p> <p>删除所有时间标记算法：（替换所有的时间标记为空）</p> <p>1、匹配时间标记</p> <p>2、替换</p> <p>播放器</p> 　　　　 <object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" id="player" width="480" height="240"> <param name="volume" value="100"> <param name="enablecontextmenu" value="0"> <param name="enableerrordialogs" value="0"> </object> <p>　　　　选择歌曲：   <input type="file" name="file" onChange="PlayFile(this.value)"> </p> <p>歌曲信息</p> <p>    　　　　歌曲名：<span id="musicName" style="height:20">播放后显示</span></p> <p>添加歌词（建议：第一步填写歌词文本；第二步添加时间标签）</p> <p>　　　　 演唱者：   <input name="singer" type="text" id="singer"> </p> <p>　　　　 标　题：   <input name="title" type="text" id="title"> </p> <p>　　　　 编辑人：   <input name="pepole" type="text" id="pepole"> </p> <p>　　　　 专　辑：    <input name="sing" type="text" id="sing"> </p> <p> 　　　　 内　容： </p> <p>     　　　　       <textarea name="text" cols="50" rows="10" id="lrc"  onChange="storeCaret(this)" onKeyUp="storeCaret(this)" onClick="storeCaret(this)"></textarea> </p>   <p>     　　　　       <input id="a" type="button" name="Submit" value="添加时间标签" onClick="insertAtCaret(document.all('lrc'), 'hlayy');">     <input  id="c" type="button" name="Submit2" value="删除时间标签" onClick="delTimeLable()">     <input type="button" name="Submit3" value="删除所有时间标签" id="b" onClick="delAllTimeLable()"> </p>   <p>生成歌词　 </p>   <p> 　　　　         <textarea name="last" cols="50" rows="10" id="lastLrc" readonly="true"></textarea> </p>   <p>　　　　     <input type="button" name="Submit4" value="点击此处生成歌词" onClick="lastLrc();">     <input type="button" name="Submit5" value="全选" onClick="document.all('lastLrc').select();">    </p>   <p>快捷键：（方便添加歌词）</p>   <p>　　　　1、播放歌曲</p>   <p>　　　　2、停止播放</p>   <p>　　　　3、暂停播放</p> <p>｜　版权：HLAYY　｜　作者：HLAYY　｜　联系QQ：42263646   　   ｜　时间：  񎧗/2/27　｜　版本：1.00　｜</p> <p>暂无工作，有人推荐否？谢谢。</p> </body> </html>

[Ctrl+A 全选注:]

上一篇：非常全的javascript控制MediaPlayer的属性集合下一篇：利用JAVASCRIPT控制MEDIA PLAYER的功能实现

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

金源码搜索

金源码导航

免费网站源码

网站模板下载

网站建设

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

编程语言

金源码搜索

金源码导航

免费网站源码

网站模板下载

网站建设