define("js/view/playerBar.js",function(t,e,o){
var i = t("js/lib/zepto.js"),
a = t("js/lib/music.js"),
n = t("js/lib/backbone.js"),
s = t("js/ui/timeFormat.js"),
d = n.View.extend({
el:"#player_bar",
initialize:function(){
var t = this;
this.listenTo(this.model,"change:playId",this.changeId),
this.listenToOnce(this.model,"change:playId",this.showBtn),
this.listenTo(this.model,"change:index",this.changeIndex),
this.initAudio(),
i("#player_bar").tap(function(e){
e.stopPropagation(),
e.preventDefault();
var o=t.model.getSong();
return o ? (
e.target.className.indexOf("btn_download")>=0
?
(t.download(),a.tj.sendClick("song.downloadicon"))
:
"btn_status"==e.target.id
?
(t.togglePlay(),a.tj.sendClick("song.playicon"))
:
a.router.navigate("player",{trigger:!0}),void 0
) :
!1
}),
i("#player_bar .poster").on("error",function(){
this.src="http://imgcache.gtimg.cn/music/mobile/css/img/music_0949f22.png"
})
},
initAudio:function(){
var t=this;
i(this.model.get("audio"))
.on("play",function(){
SPD.pointMark("songload"),
i("#btn_status").attr("class","btn_pause"),
i(".cover_pic").removeClass("pause"),
t.model.set("status",1),
i("video")[0]&&i("video")[0].pause()
})
.on("pause",function(){
i("#btn_status").attr("class","btn_play"),
i(".cover_pic").addClass("pause"),
t.model.set("status",0)
})
.on("timeupdate",function(){
var e=t.model.get("audio").currentTime,
o=t.model.get("audio").duration;
i(".has_play").css({width:100*(e/o)+"%"}),
i("#current_time").text(s(e));
try{
var a=t.model.get("audio").buffered.end(0);
i(".has_load").css({width:100*(a/o)+"%"})
}
catch(n){}
})
.on("ended",function(){
var e=t.model.get("index");
e++,
e>=t.model.get("playList").length&&(e=0),
t.model.set("playId",t.model.get("playList").at(e).cid)
})
.on("canplay",function(){
t.play()
})
.on("error",function(t){
a.tip("歌曲加载失败 T T 请稍候重试!"),
a.tj.sendClick("song.playerror"),
console.log(t)
})
.on("durationchange",function(){
i("#total_time").text(s(t.model.get("audio").duration))
})
},
togglePlay:function(){
this.model.get("audio").paused?this.play():this.pause()
},
showBtn:function(){
i("#btn_status,#player_bar .btn_download").show()
},
changeId:function(){
var t=this.model.getSong();
this.model.set("index",this.model.get("playList").indexOf(t)),
i(".has_play,.has_load").css({width:"0%"});
var e="http://"+a.audioServer+".stream.qqmusic.qq.com/"+(t.get("songid")||"C100"+t.get("songmid"))+".m4a?fromtag=30";
this.model.get("audio").src=e,
0!=this.model.get("audio").readyState&&this.model.get("audio").load();
var o=t.get("albumid"),
n="http://imgcache.qq.com/music/photo/album/"+o%100+"/90_albumpic_"+o+"_0.jpg";
i("#player_bar .poster").attr("src",n),
i("#player_bar .song").html(t.get("songname")),
i("#player_bar .singer").html(t.get("singername")),
a.tj.sendClick("song.playtimes")
},
play:function(){
this.model.get("audio").play()
},
pause:function(){
this.model.get("audio").pause()
},
stop:function(){
this.pause()
},
speed:function(){
this.model.get("audio").currentTime+=10
},
openSingle:function(){
new playerBox({model:this.model})
},
changeIndex:function(){
this.model.set("playId",this.model.get("playList").at(this.model.get("index")).cid)
},
download:function(){
var e=this,
o=t("js/ui/dialog.js");
o.opendDialog(
"提示",
"网页版暂不支持下载,你可以在手机客户端免费下载此歌曲",
"在手机QQ音乐中下载",
function(){
var i=t("js/ui/openAppSong.js");
i(e.model.getSong()),
o.hide()
}
)
}
});
o.exports=d
});/* |xGv00|c0a42f805c79489f9535548049f674e3 */

腾讯QQ音乐网页版 音频初始化模块解压混淆js源码的更多相关文章

  1. 实现类似 QQ音乐网页版 的单页面总结

    最近需要对创业团队的网站进行改版,而我负责前端设计和实现. 下面是一些总结与体会: 当设计完成之前,我就跟和我配合的Java 后台说用iframe实现,结果说麻烦不肯,到最后突然对我说还是用ifram ...

  2. 一步步实现windows版ijkplayer系列文章之三——Ijkplayer播放器源码分析之音视频输出——音频篇

    一步步实现windows版ijkplayer系列文章之一--Windows10平台编译ffmpeg 4.0.2,生成ffplay 一步步实现windows版ijkplayer系列文章之二--Ijkpl ...

  3. 原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想)

    原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想) 总体思想:     希望让调用方通过 http调用传入一个需要生成图片的网页链接生成一个网页的图片并返回图片链接 ...

  4. 微信小程序版博客——开发汇总总结(附源码)

    花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结. 整体效果 对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或 ...

  5. HTML5网页录音和压缩,边猜边做..(附源码)

    宣传一下自己的qq群: (暗号:C#交流) 欢迎喜欢C#,热爱C#,正在学习C#,准备学习C#的朋友来这里互相学习交流,共同进步 群刚建,人不多,但是都是真正热爱C#的 我也是热爱C#的 希望大家可以 ...

  6. iOS电商常见动画与布局、微信悬浮窗、音乐播放器、歌词解析、拖动视图等源码

    iOS精选源码 MXScroll 介绍 混合使用UIScrollView ios 电商demo(实现各种常见动画效果和页面布局) 一行代码集成微信悬浮窗 可拖动,大小的视图,可放置在屏幕边缘. 在使用 ...

  7. Vue.js源码解析-Vue初始化流程

    目录 前言 1. 初始化流程概述图.代码流程图 1.1 初始化流程概述 1.2 初始化代码执行流程图 2. 初始化相关代码分析 2.1 initGlobalAPI(Vue) 初始化Vue的全局静态AP ...

  8. 从网易云音乐网页版无登陆下载MP3的办法

    用chrome浏览器就能办到 现在,你还为下载不到满意的音乐而苦恼吗?

  9. 看看腾讯是怎么做产品设计分析的 - 腾讯QQ音乐业务产品规划

随机推荐

  1. fastclick 源码阅读备份

    ;(function () { 'use strict'; //构造函数 function FastClick(layer, options) { var oldOnClick; options = ...

  2. SQL Server 2008性能故障排查(二)——CPU

    原文:SQL Server 2008性能故障排查(二)--CPU 承接上一篇:SQL Server 2008性能故障排查(一)--概论 说明一下,CSDN的博客编辑非常不人性化,我在word里面都排好 ...

  3. T-SQL性能调整——信息收集

    原文:T-SQL性能调整--信息收集 IO信息(自服务器启动开始) --Database IO analysis WITH IOFORDATABASE AS ( SELECT DB_NAME(VFS. ...

  4. poj 2689 巧妙地运用素数筛选

    称号: 给出一个区间[L,R]求在该区间内的素数最短,最长距离. (R < 2 * 10^9 , R - L <= 10 ^ 6) 由数论知识可得一个数的因子可在开根号内得到. 所以,我们 ...

  5. 8年,属于 HTML 5 春天的到来悄悄!

    [核心提示] 在 8 年时间中,HTML 5 为整个行业都带来了什么.标准终于确定后又会产生什么样的变革呢? 微博微信Twitter对于非常多人来说,非常有可能在微信的朋友圈里玩过「围住神经猫」,也非 ...

  6. Sizzle.selectors.relative [ 源代码分析 ]

    1 jQuery 对象Sizzle.selectors.relative中存放了块间关系符和相应的块间关系过滤函数,称为"块间关系过滤函数集" 块间关系符共同拥有4种,其含义和过滤 ...

  7. Azure VM Public IP设置

    Azure虚拟机的Public IP是用于客户端直连云中的虚拟机,可以认为是一个外网IP,一般我们为虚拟机设置终结点,例如HTTP的80端口,如果使用Public IP可以不使用Azure Porta ...

  8. BCP导出导入

    BCP导出导入大容量数据实践   前言 SQL SERVER提供多种不同的数据导出导入的工具,也可以编写SQL脚本,使用存储过程,生成所需的数据文件,甚至可以生成包含SQL语句和数据的脚本文件.各有优 ...

  9. remine chart2安装

    http://blog.csdn.net/kufeiyun/article/details/9213911

  10. C#从SQL server数据库中读取l图片和存入图片

    原文:C#从SQL server数据库中读取l图片和存入图片 本实例主要介绍如何将图片存入数据库.将图片存入数据库,首先要在数据库中建立一张表,将存储图片的字段类型设为Image类型,用FileStr ...