腾讯QQ音乐网页版 音频初始化模块解压混淆js源码
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源码的更多相关文章
- 实现类似 QQ音乐网页版 的单页面总结
最近需要对创业团队的网站进行改版,而我负责前端设计和实现. 下面是一些总结与体会: 当设计完成之前,我就跟和我配合的Java 后台说用iframe实现,结果说麻烦不肯,到最后突然对我说还是用ifram ...
- 一步步实现windows版ijkplayer系列文章之三——Ijkplayer播放器源码分析之音视频输出——音频篇
一步步实现windows版ijkplayer系列文章之一--Windows10平台编译ffmpeg 4.0.2,生成ffplay 一步步实现windows版ijkplayer系列文章之二--Ijkpl ...
- 原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想)
原创:用python把链接指向的网页直接生成图片的http服务及网站(含源码及思想) 总体思想: 希望让调用方通过 http调用传入一个需要生成图片的网页链接生成一个网页的图片并返回图片链接 ...
- 微信小程序版博客——开发汇总总结(附源码)
花了点时间陆陆续续,拼拼凑凑将我的小程序版博客搭建完了,这里做个简单的分享和总结. 整体效果 对于博客来说功能页面不是很多,且有些限制于后端服务(基于ghost博客提供的服务),相关样式可以参考截图或 ...
- HTML5网页录音和压缩,边猜边做..(附源码)
宣传一下自己的qq群: (暗号:C#交流) 欢迎喜欢C#,热爱C#,正在学习C#,准备学习C#的朋友来这里互相学习交流,共同进步 群刚建,人不多,但是都是真正热爱C#的 我也是热爱C#的 希望大家可以 ...
- iOS电商常见动画与布局、微信悬浮窗、音乐播放器、歌词解析、拖动视图等源码
iOS精选源码 MXScroll 介绍 混合使用UIScrollView ios 电商demo(实现各种常见动画效果和页面布局) 一行代码集成微信悬浮窗 可拖动,大小的视图,可放置在屏幕边缘. 在使用 ...
- Vue.js源码解析-Vue初始化流程
目录 前言 1. 初始化流程概述图.代码流程图 1.1 初始化流程概述 1.2 初始化代码执行流程图 2. 初始化相关代码分析 2.1 initGlobalAPI(Vue) 初始化Vue的全局静态AP ...
- 从网易云音乐网页版无登陆下载MP3的办法
用chrome浏览器就能办到 现在,你还为下载不到满意的音乐而苦恼吗?
- 看看腾讯是怎么做产品设计分析的 - 腾讯QQ音乐业务产品规划
随机推荐
- Oracle与Sql Server复制表结构和数据
1.Oracle create table 新表名 AS SELECT * FROM 源表名 2.Sql Server SELECT * into 新表名 from 源表名 版权声明:笔者:jiank ...
- 设计模式--简单工厂VS工厂VS抽象工厂
前几天我一直在准备大学毕业生,始终绑起来,如今,终于有时间去学习设计模式.我们研究今天的话题是植物三口之家的设计模式的控制--简单工厂VS工厂VS抽象工厂. 经过细心推敲,我们不难得出:工厂模式是简单 ...
- nginx: [emerg] the size 10485760 of shared memory zone "cache_one" conflicts with already declared size 0
注意配置段中的区域包含关系. proxy_cache_patch 要在proxy_cache前已经定义. what seems to be the problem? [emerg]: the size ...
- SQL Server 移动数据库
原文:SQL Server 移动数据库 移动系统数据库在下列情况下可能很有用: 故障恢复.例如,数据库处于可疑模式下或因硬件故障而关闭. 计划的重定位. 为预定的磁盘维护操作而进行的重定位. 下列过程 ...
- AIDL(1)
AIDL(Android接口定义语言) 说明 让Android系统应用之间能够跨进程訪问. 使用AIDL技术就意味着系统的其它应用能够訪问到自己应用的服务组件. Android跨进程訪问有两种方式:一 ...
- Oracle拉进sqlserver表声明的建设
我们将Oracle数据被同步到sqlserver时间,早餐在sqlserver表中的端构造. 我们是不同步的复杂领域,只考虑以下四种数据类型. Oracle到SQLServer做的映射: int -& ...
- ios animation暂停pause、恢复resume
项目以使用来控制动画,例如暂停.复苏继续等待,看看代码:(非常easy实现) -(void)pauseLayer:(CALayer*)layer { CFTimeInterval pausedTime ...
- emacs quick open and jump file (or buffer) which name is current word
Sometime, we need to open a file or buffer which name begin with current word in emacs. Here I give ...
- 创建Windows类别
Windows在表单.控制.对话框基本上形成.Windows类是Windows形式的类型,可处理叙述性说明. 在Windows提前有很多定义Windows类别,但它可以很容易地创建自己的Windows ...
- 一个sql的优化
原文:一个sql的优化 目的:为了查询某天某个服务器上的登录id的个数 刚开始编写的sql: select count(a.mac) logusers from Log_MacLogin_All ...