非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

发表评论

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

评论

81条评论
  1. avatar

    2828电影网 Lv.2 Chrome 63.0.3239.132 Chrome 63.0.3239.132 Windows 7 x64 Edition Windows 7 x64 Edition 回复

    驾驭命运的舵是奋斗。不抱有一丝幻想,不放弃一点机会,不停止一日努力。

    贵州省六盘水市 联通

    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
                    顺序播放