javascrip离线音乐播放器，语音播放助手

最新推荐文章于 2023-03-28 15:50:32 发布

qq_41581307

最新推荐文章于 2023-03-28 15:50:32 发布

阅读量222

点赞数

分类专栏： python javascrip html

本文链接：https://blog.csdn.net/qq_41581307/article/details/106180702

版权

python 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

javascrip

1 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

1 说明

最近在寻找一个跨平台的脚本语言，发现javascrip挺好的，记事本+浏览器就可以完成很多东西，

电脑上没有音乐播放器，可以自己写一个，由于对javascrip文件操作不熟，写了个python脚本用来生成html文件

下面的代码没有美化，css不太熟悉!_！

2 代码如下

音乐播放器，修改下面hml的names数据就可以了，也可以用最后的python脚本生成html

<html>
	<head>
		<title>音乐播放器</title>
		<script>
			var path='./';
			var cnt=0;

			var names=["陈奕迅-阴天快乐.mp3","陈奕迅-阴天快乐 copy.mp3"];
			var lena=names.length;
			var name=names[0];
			function audioplay(){
				audio.src=path+name;
				audio.play();
			}
			function audiopause(){
				audio.pause();
			}
			function last(){
				cnt--;
				if(cnt<0){
					cnt=0;
				}
				name=names[cnt];
				document.getElementById('name').innerText=name;
				audioplay();
			}
			function next(){
				cnt++;
				if(cnt>=lena){
					cnt=lena-1;
				}
				name=names[cnt];
				document.getElementById('name').innerText=name;
				audioplay();
			}
			window.onload=function(){
				document.getElementById('last').onclick=last;
				document.getElementById('next').onclick=next;
				document.getElementById('name').innerText=name;
				document.getElementById('play').onclick=audioplay;
				document.getElementById('pause').onclick=audiopause;
			}
		</script>
	</head>
	<body>
		<div>
			<p id ='name'>12</p>
			<audio id='audio' src='./' controls autoplay='true'></audio><br/>
		</div>
		<div>
			<button id ='play'>play</button>
			<button id='pause'>pause</button>
			<button id ='last'>last</button>
			<button id='next'>next</button>
		</div>
	</body>
</html>

文本语音播放代码如下

<html>
    <head>
        <title>语音播报</title>
        <style>

        </style>
        <script>
            function speak(){
                temp=document.getElementById('input').value;    
                to_speak = new SpeechSynthesisUtterance(temp);
                window.speechSynthesis.speak(to_speak);
            }
            window.onload=function(){
                document.getElementById('start').onclick=speak;
            }
        </script>
    </head>
    <body>
        <div>
            input:<input id='input'>
        </div>
        <button id='start'>start</button>
    </body>
</html>

#扫描当前文件夹下的所有mp3文件
#输出到一个html文件中，这个html文件可以直接执行，实现音乐播放功能
import os
path='./'
a=os.listdir(path)
b=[]
htmlhead="<html>\n\
	<head>\n\
		<title>音乐播放器</title>\n\
		<script>\n\
			var path='./';\n\
			var cnt=0;\n"
htmltail="\n\
			var lena=names.length;\n\
			var name=names[0];\n\
			function audioplay(){\n\
				audio.src=path+name;\n\
				audio.play();\n\
			}\n\
			function audiopause(){\n\
				audio.pause();\n\
			}\n\
			function last(){\n\
				cnt--;\n\
				if(cnt<0){\n\
					cnt=0;\n\
				}\n\
				name=names[cnt];\n\
				document.getElementById('name').innerText=name;\n\
				audioplay();\n\
			}\n\
			function next(){\n\
				cnt++;\n\
				if(cnt>=lena){\n\
					cnt=lena-1;\n\
				}\n\
				name=names[cnt];\n\
				document.getElementById('name').innerText=name;\n\
				audioplay();\n\
			}\n\
			window.onload=function(){\n\
				document.getElementById('last').onclick=last;\n\
				document.getElementById('next').onclick=next;\n\
				document.getElementById('name').innerText=name;\n\
				document.getElementById('play').onclick=audioplay;\n\
				document.getElementById('pause').onclick=audiopause;\n\
			}\n\
		</script>\n\
	</head>\n\
	<body>\n\
		<div>\n\
			<p id ='name'>12</p>\n\
			<audio id='audio' src='./' controls autoplay='true'></audio><br/>\n\
		</div>\n\
		<div>\n\
			<button id ='play'>play</button>\n\
			<button id='pause'>pause</button>\n\
			<button id ='last'>last</button>\n\
			<button id='next'>next</button>\n\
		</div>\n\
	</body>\n\
</html>\n"
for temp in a:
    if temp[-3:]=='mp3':
        b.append(temp)
with open('music.html','w')as f:
    x='var names=['
    for temp in b:
        x=x+'"'+temp+'",'
    x='\n\t\t\t'+x[:-1]+'];\n'
    print(x)
    f.write(htmlhead+x+htmltail)