非EMLOG程序安装鬼少浮窗播放器教程

  • 内容
  • 相关

关于鬼少浮窗播放器请看这里:http://tv1314.com/post-228.html

这里就不多做介绍。除了EMLOG拥有一键安装之外,还有其他程序博客朋友想用这款播放器。

虽然没有插件但是手动安装也还是很简单的。

这是我写完教程亲自按照教程操作的TYPECHO演示:http://cron.tv1314.com/ 

非EMLOG安装教程开始:

    1.-下载http://tv1314.com/post-228.html 最新的播放器插件;

      -解压得到一个Gs_mp3的文件夹;

      -删除所有的.php文件(3个),将Gs_mp3文件夹上传你的网站根目录。

      -ok

    2.-在你的网站模板<head>内引用JQuery;

      -如果你的网站程序模板(下面简称网站)已经安装了JQ,可跳过。

1.新浪CDN提速:
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.0/jquery.js"></script>
2.下载本地化jq:(本文底部)
<script type="text/javascript" src="....自己写...../jquery.js"></script>

      -ok

    3.-在你的网站模板<head>内引用本播放器需要的样式;

<link href="/GS_mp3/style/style.css" rel="stylesheet" type="text/css" />
<link href="/GS_mp3/style/player.css" rel="stylesheet/less">
<link href="http://libs.baidu.com/fontawesome/4.0.3/css/font-awesome.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="/GS_mp3/js/less-1.7.0.min.js"></script>

    4.-在你的网站模板</body>前插入本播放器需要的JS;

<div id="wenkmPlayer">
		<div class="player">
			<div class="infos">
				<div class="songstyle"><i class="fa fa-music"></i> <span class="song"></span></div>
                		<div class="timestyle"><i class="fa fa-clock-o"></i> <span class="time"></span></div>
				<div class="artiststyle"><i class="fa fa-user"></i> <span class="artist"></span><span class="artiststyle1"><i class="fa fa-list"></i> <span class="artist1"></span></span></div>
			</div>
			<div class="control">
				<i class="loop fa fa-retweet current" title="顺序播放"></i>
				<i class="prev fa fa-backward" title="上一首"></i>
				<div class="status">
					<b>
						<i class="play fa fa-play" title="播放"></i>
						<i class="pause fa fa-pause" title="暂停"></i>
					</b>
				</div>
				<i class="next fa fa-forward" title="下一首"></i>
				<i class="random fa fa-random" title="随机播放"></i>
			</div>
			<div class="bottom">
				<div class="volume">
					<i class="mute fa fa-volume-off"></i>
					<i class="volumeup fa fa-volume-up"></i>
					<div class="progress">
						<div class="volume-on ts5">
							<div class="drag" title="音量"></div>
						</div>
					</div>
				</div>
				<div class="switch-playlist">
					<i class="fa fa-bars" title="播放列表"></i>
				</div>
			</div>
			<div class="cover"></div>
		</div>
		<div class="playlist">
			<div class="mkheader"><i class="fa fa-music"></i></div>
			<div class="mklist"></div>
		</div>
		<div class="flat">
			<i class="fa fa-music"></i>
			<i class="fa fa-music"></i>
			<i class="fa fa-music"></i>
			<i class="fa fa-music"></i>
			<i class="fa fa-music"></i>
			<i class="fa fa-music"></i>
		</div>
		<div class="switch-player">
			<i class="fa fa-angle-right"></i>
		</div>
</div>
<div id="wenkmTips"></div>
<div id="wenkmLrc"></div>
<div id="wenkmKsc"></div>
<div class="myhk_pjax_loading_frame"></div>
<div class="myhk_pjax_loading"></div>
<script language="javascript" src="/GS_mp3/js/mousewheel.js"></script>
<script language="javascript" src="/GS_mp3/js/scrollbar.js"></script>
<script language="javascript" src="/GS_mp3/js/player.js"></script>
<script type="text/javascript">
$(function(){
if (!(navigator.userAgent.match(/(iPhone|iPod|Ipad|Android|ios)/i))) {
	get_user_id("100000");
}
})
</script>

    5.-进入嘟嘟电台自助API申请:进入

      -禁止:非本人网站,免费域名,商业网站,无开通域名所有权站申请;

      -如果播放打开页面能成功播放的话可以进行这一步;

      -打开嘟嘟电台注册一个自己的用户;嘟嘟电台入口

      -在右上角可以查看自己的账户ID;然后替换上面的user_id 100000为自己的。

      -OK,收藏一首歌自己试试吧。


    教程结束,有什么疑问可以留言问我。对于非弱智的问题我很乐意和耐心一一回答。

    当然,好好说话的也可以手把手教你。

    谢谢大家支持我。那么辛苦求捐助哈哈 》》捐助博主

本篇文章所需资料:

Jq:链接: http://pan.baidu.com/s/1i3J9zHN   密码: cxyr

本文标签:

版权声明:若无特殊注明,本文皆为《鬼少》原创,转载请保留文章出处。

本文链接:非EMLOG程序安装鬼少浮窗播放器教程 - http://tv1314.com/post-267.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论

80条评论
  1. avatar

    ζ久 Lv.2 回复

    嘟嘟电台已经停了,非emlog还能使用么?

    广东省深圳市 联通

    1. 鬼少 回复

      回复了ζ久:别用了吧 嘿嘿没有维护了

      广东省深圳市 联通

  2. avatar

    李军 Lv.1 Chrome 51.0.2704.103 Chrome 51.0.2704.103 Windows Windows 回复

    麻烦添加下域名 jun.li 谢谢,未授权的页面太吓人。。。

    湖北省武汉市 鹏博士长城宽带

    1. avatar

      下雨了 Lv.1 Chrome 51.0.2704.103 Chrome 51.0.2704.103 Windows 7 Windows 7 回复

      top域名不支持添加啊

      广西河池市 铁通

      1. 鬼少 Sogou Explorer Sogou Explorer Windows 7 x64 Edition Windows 7 x64 Edition 回复

        域名发给我。

        广东省深圳市 电信

      2. 下雨了 Lv.1 Chrome 51.0.2704.103 Chrome 51.0.2704.103 Windows 7 Windows 7 回复

        hongxp.top

        广西河池市 铁通

      3. 鬼少 Chrome 50.0.2661.94 Chrome 50.0.2661.94 Windows Windows 回复

        可以了。

        广东省深圳市罗湖区 电信

      4. 下雨了 Lv.1 Chrome 51.0.2704.103 Chrome 51.0.2704.103 Windows 7 Windows 7 回复

        好了,但是对https不支持啊

        广西河池市 铁通

    2. avatar

      这儿有埋伏 Lv.1 Chrome 47.0.2526.80 Chrome 47.0.2526.80 Windows Windows 回复

      大锅 我按照教程后发现播放器排版有问题 插入后不是在顶部就是在底部 而且图标都是凝在一起的 无法显示

      安徽省安庆市 电信

      1. Ape Lv.3 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

        我也是这种情况

        广东省广州市 电信

      2. 鬼少 Chrome 50.0.2661.94 Chrome 50.0.2661.94 Windows Windows 回复

        F12看下是否报错。

        广东省深圳市 电信

      3. Ape Lv.3 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

        错误提示说get_user_id 未定义

        广东省广州市 电信

      4. 鬼少 Chrome 47.0.2526.80 Chrome 47.0.2526.80 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        地址发来。

        广东省 电信

      5. Ape Lv.3 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

        我是本地调试的

        广东省广州市 电信

      6. 鬼少 Chrome 50.0.2661.94 Chrome 50.0.2661.94 Windows Windows 回复

        应该是没有加挂载点。

        广东省深圳市 电信

      7. Ape Lv.3 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

        难道要放服务器上才得?

        广东省广州市 电信

      8. 鬼少 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        试下默认模板?

        广东省深圳市 电信

      9. Ape Lv.3 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

        都一样

        广东省广州市 电信

      10. 鬼少 Chrome 50.0.2661.94 Chrome 50.0.2661.94 Windows Windows 回复

        线上调试 我给你解决。

        广东省深圳市 电信

      11. Ape Lv.3 Chrome 50.0.2661.102 Chrome 50.0.2661.102 Windows Windows 回复

        什么线上调试

        广东省广州市 电信

    3. avatar

      yufan Lv.2 Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP 回复

      哥,我搞了好久,但是在绑定域名时候不行啊提示:亲,这好像不是一个域名噢~,现在我网站一打开就是你的,该域名不再授权范围内,我怎么才能授权呢

      江苏省苏州市 电信

      1. 鬼少 Chrome 47.0.2526.80 Chrome 47.0.2526.80 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        已经授权。

        广东省 电信

      2. yufan Lv.2 Internet Explorer 6.0 Internet Explorer 6.0 Windows XP Windows XP 回复

        谢谢了,可以了。我弄好了

        江苏省苏州市 电信

    4. avatar

      Dreamendy Lv.1 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 7 x64 Edition Windows 7 x64 Edition 回复

      多说怎么搞。。

      河南省郑州市 联通

      1. 鬼少 Chrome 47.0.2526.80 Chrome 47.0.2526.80 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        博客有教程。

        广东省 电信

    5. avatar

      淘宝客招募 Lv.1 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows 7 Windows 7 回复


      你网站首页非常漂亮,非常喜欢,现在可以交换链接吗?我的网站:http://www.gaoyj.com 淘宝客招募

      广西百色市 电信

      1. 鬼少 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        抱歉不接这种网站

        广东省深圳市 电信

      2. 淘宝客招募 Lv.1 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows 7 Windows 7 回复

        没关系

        广西百色市 电信

    6. avatar

      Lv.1 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

      为啥API申请失败呢,已经安装好了 打开首页出现的是“该域名不在授权范围内”

      福建省南平市 电信

      1. 鬼少 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        域名发来

        广东省深圳市 电信

    7. avatar

      劳裕论 Lv.1 Chrome 47.0.2526.73 Chrome 47.0.2526.73 Windows 7 Windows 7 回复

      .wang域名无法添加[晕]

      广东省江门市 电信

      1. 鬼少 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows 7 x64 Edition Windows 7 x64 Edition 回复

        已解决

        广东省深圳市 电信

    8. avatar

      Burt Lv.1 Chrome 45.0.2454.101 Chrome 45.0.2454.101 Windows Windows 回复

      插件我是怕了,这个不错,刚好适合我

      浙江省温州市 电信

      1. avatar

        云梦   Lv.1 Android Webkit 4.0 Android Webkit 4.0 Android 4.2.1 Android 4.2.1 回复

        为什么不制作成插件

        云南省昆明市 联通

        1. 鬼少 Chrome 47.0.2526.80 Chrome 47.0.2526.80 Windows 7 x64 Edition Windows 7 x64 Edition 回复

          已经有插件了喔~

          广东省深圳市 电信

      2. avatar

        鬼仔 Lv.1 Chrome 44.0.2403.157 Chrome 44.0.2403.157 Mac OS X 10.11.1 Mac OS X 10.11.1 回复

        昨天看到新浪微博有这种形式的播放器,想自己试着写一个来着,今天就无意找到你这边已经写出来了。[good]

        北京市 联通

        1. avatar

          易云 Lv.1 Chrome 42.0.2311.152 Chrome 42.0.2311.152 Windows XP Windows XP 回复

          支持下,为什么不制作成一个JS文件省的安装,直接上传jS文件然后引用即可

          广东省韶关市 电信

          1. 鬼少 Chrome 31.0.1650.63 Chrome 31.0.1650.63 Windows 7 x64 Edition Windows 7 x64 Edition 回复

            不易扩展

            广东省深圳市 电信

        2. avatar

          哪谀忍93 Lv.1 Firefox 29.0 Firefox 29.0 Windows 7 Windows 7 回复

          [抓狂]

          湖北省随州市 移动

          1. avatar

            妹子惹人醉 Lv.1 Firefox 29.0 Firefox 29.0 Windows 7 Windows 7 回复

            [转发]

            湖北省随州市 移动

            1. avatar

              校花周昕妤 Lv.2 Firefox 29.0 Firefox 29.0 Windows 7 Windows 7 回复

              [yeah]

              湖北省随州市 移动

              1. avatar

                影视制作 Lv.1 Firefox 41.0 Firefox 41.0 Windows 7 x64 Edition Windows 7 x64 Edition 回复

                不错,这个可以用这试试

                河南省郑州市 电信

                1. avatar

                  淘宝网女装 Lv.1 Chrome 42.0.2311.152 Chrome 42.0.2311.152 Windows 8.1 x64 Edition Windows 8.1 x64 Edition 回复

                  好文章

                  广东省广州市 鹏博士长城宽带

                  00:00 / 00:00
                  顺序播放