Casablanca『卡萨布兰卡』

竹轩听雨 · 发表于 2020-5-15 15:11

蝶洛发表于 2020-5-14 16:12
动人的温柔与深情，时光不老，感人至深～
听雨厉害了，这种播放器都可以手机听了～
下次也试用一下，谢谢 ...

也很喜欢这首歌的MV，一直很喜欢的一首英文歌曲，当时听了这首歌后，还在网上看了那部《北非谍影》。
最开始以为是电影插曲，后来才知道不是。原来QQ迷你播放器小洛应该是用过的。
这款播放器保留了原QQ播放器的界面和动画，用H5重写了内核，所以手机和电脑都可以听到的。
欢迎试用，遇到问题可以来这里。

竹轩听雨 · 发表于 2020-5-15 15:12

空心树发表于 2020-5-14 21:50
这个播放器真好，听雨介绍的也很详尽，做贴可以用用

其实就是想解决动画播放器手机听不到音乐的问题。树树喜欢也可以试用一下。

竹轩听雨 · 发表于 2020-5-15 15:20

落墨惊云发表于 2020-5-14 23:33
看了一下，播放器果然可以用手机听，漂亮又实用

惊云说的全是关键词啊，我也想知道你们的手机能不能听到。
这款播放器主要想解决两个问题，第一就手机能听，第二就美化帖面。
还记得我让你学代码吧，以你现在的代码基础想用就可以用的。
有时看到你们写的文字和帖面都很好，播放器界面却跟不上。
之前我做了十套这种播放器的界面，因为有些问题，就没发出来。
现在都解决了，慢慢全会发出来的。

竹轩听雨 · 发表于 2020-5-15 17:49

蝶洛发表于 2020-5-15 16:54
非常实用，又漂亮，听雨有时间可多制作几款呀。。。

一直喜欢蝶洛发帖，非常精致。我曾想过为你单独定制一款个性的播放器。
原来QQ迷你播放器有上千款之多，现在能找到也就几十款，你手里有喜欢可以给我来做。
我已从中选中了十款，做完了，有时间会整理一下发出来的。
这个播放器使用时不要在同一页中同时发两个，播放控件会有冲突。

竹轩听雨 · 发表于 2020-5-15 19:51

蝶洛发表于 2020-5-15 16:54
非常实用，又漂亮，听雨有时间可多制作几款呀。。。

播放器居左单独发帖的代码：

<br/>
<div align="left" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/player.js"></sc"+"ript>")
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/bottle/player/displayer.js"></sc"+"ript>")
</script>
<link href="http://webftp.bbs.hnol.net/sxrx2016/players/bottle/player/player.css" rel="stylesheet" type="text/css">
<div style="margin: 0px auto;">
<p align="left"><img width="210" height="90" src="http://webftp.bbs.hnol.net/sxrx2016/players/bottle/image/player.png" border="0"></p>
<embed width="210" height="90" align="left" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hnol.net/sxrx2016/players/bottle/image/flash.swf?url=&bgcolor=000000&color=000000" type="application/x-shockwave-flash" style="left: 0%; top: 0%; margin-top: 0px; margin-left: 0px; position: absolute;" wmode="transparent" invokeurls="false" </embed>
<div id="displayers" style="left: 0%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; display: block; position: absolute;">
<ul class="player-audios" style="display: none;">
<li data-title="诗经里-平安">
<div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?id=1434001744.mp3">
</div></li>
</ul>
</div>
</div>
</div>

复制代码

落墨惊云 · 发表于 2020-5-15 23:27

竹轩听雨发表于 2020-5-15 15:20
惊云说的全是关键词啊，我也想知道你们的手机能不能听到。
这款播放器主要想解决两个问题，第一就手机能 ...

没想到这播放器是你自己做的呀？太厉害了

竹轩听雨 · 发表于 2020-5-16 16:04

蝶洛发表于 2020-5-15 16:54
非常实用，又漂亮，听雨有时间可多制作几款呀。。。

做了一款播放器播放器送蝶洛

竹轩听雨 · 发表于 2020-5-16 18:17

蝶洛发表于 2020-5-16 17:54 21楼，我去了一个png的素材，这样是不是更简洁些，只是那个黑色的框我不知怎么处理了。。。

竹轩听雨 · 发表于 2020-5-16 18:21

播放器居左的代码：

<br/>
<div align="left" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/player.js"></sc"+"ript>")
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/player/displayer.js"></sc"+"ript>")
</script>
<link href="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/player/player.css" rel="stylesheet" type="text/css">
<div style="margin: 0px auto;">
<p align="left"><img width="200" height="80" src="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/image/player.png" border="0"></p>
<embed width="200" height="80" align="left" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/image/flash.swf?url=&bgcolor=000000&color=000000" type="application/x-shockwave-flash" style="left: 0%; top: 0%; margin-top: 0px; margin-left: 0px; position: absolute;" wmode="transparent" invokeurls="false" </embed>
<div id="displayers" style="left: 0%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; display: block; position: absolute;">
<ul class="player-audios" style="display: none;">
<li data-title="诗经里-平安">
<div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?id=1434001744.mp3">
</div></li>
</ul>
</div>
</div>
</div>

复制代码

竹轩听雨 · 发表于 2020-5-16 18:23

播放器居中的代码：

<br>
<div align="center" style="position: relative;">
<script type="text/javascript">
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/jquery.js"></sc"+"ript>")
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/player.js"></sc"+"ript>")
document.write("<scr"+"ipt src="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/player/displayer.js"></sc"+"ript>")
</script>
<link href="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/player/player.css" rel="stylesheet" type="text/css">
<div style="margin: 0px auto;">
<p align="center"><img width="200" height="80" src="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/image/player.png" border="0"></p>
<embed width="200" height="80" align="center" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://webftp.bbs.hnol.net/sxrx2016/players/butterfly/image/flash.swf?url=&bgcolor=000000&color=000000" type="application/x-shockwave-flash" style="left: 50%; top: 50%; margin-top: -40px; margin-left: -100px; position: absolute;" wmode="transparent" invokeurls="false" </embed>
<div id="displayers" style="left: 50%; top: 50%; width: 100%; height: 100%; margin-top: 0px; margin-left: -100px; display: block; position: absolute;">
<ul class="player-audios" style="display: none;">
<li data-title="诗经里-平安">
<div class="player-source" data-type="audio/mpeg" data-src="https://music.163.com/song/media/outer/url?id=1434001744.mp3">
</div></li>
</ul>
</div>
</div>
</div>

复制代码

帐号		自动登录	找回密码
密码			注册

Casablanca『卡萨布兰卡』 [复制链接] (51/2216)