|
@@ -142,69 +142,6 @@
|
|
};
|
|
};
|
|
|
|
|
|
var barrage = new Barrage();
|
|
var barrage = new Barrage();
|
|
- var room = <?php echo $output['room']['room']; ?>;
|
|
|
|
- var roomkey = "<?php echo $output['room']['room_key']; ?>";
|
|
|
|
- var addr = "<?php echo $output['room']['addr']; ?>";
|
|
|
|
-
|
|
|
|
- var room_msgs = {
|
|
|
|
- room : room,
|
|
|
|
- roomkey :roomkey
|
|
|
|
- };
|
|
|
|
- var callbacks = {
|
|
|
|
- onOpen:sOpen,
|
|
|
|
- onError:sError,
|
|
|
|
- onClose:sClose
|
|
|
|
- };
|
|
|
|
- var msg_handler = {
|
|
|
|
- room_info:ret_join,
|
|
|
|
- message:message
|
|
|
|
- };
|
|
|
|
- var websocket = new WebsocketConnect(addr,true,true,callbacks,room_msgs,msg_handler);
|
|
|
|
-
|
|
|
|
- function sOpen(){
|
|
|
|
- }
|
|
|
|
- function sError(e){
|
|
|
|
- alert('网络连接失败!请刷新重试');
|
|
|
|
- }
|
|
|
|
- function sClose(e){
|
|
|
|
- console.log('网络连接关闭!');
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- function message(datas)
|
|
|
|
- {
|
|
|
|
- var jsonDatas = new websocket.Json_parse(datas);
|
|
|
|
- var msg_type = datas.op;
|
|
|
|
- console.log(datas);
|
|
|
|
- try
|
|
|
|
- {
|
|
|
|
- if(msg_type == 'bargain') {
|
|
|
|
- var price = datas.content.value;
|
|
|
|
- priceChange(price);
|
|
|
|
- }
|
|
|
|
- else if(msg_type =='ret_bargain') {
|
|
|
|
- var ret_bargain_price = datas.content.value;
|
|
|
|
- var image = new Image();
|
|
|
|
- image.src = "<?php echo RESOURCE_SITE_URL; ?>/mobile/bargain/images/bargain_pop.jpg";
|
|
|
|
- image.onload = function(){
|
|
|
|
- $('.bargain_pop').removeClass('hide');
|
|
|
|
- };
|
|
|
|
- $('.ret_bargain').text(ret_bargain_price);
|
|
|
|
- }
|
|
|
|
- else if(msg_type = 'message') {
|
|
|
|
- var msg = datas.content.content;
|
|
|
|
- var avatar = datas.content.from.avatar;
|
|
|
|
- var nickname = datas.content.from.nickname;
|
|
|
|
- barrage.add({
|
|
|
|
- avatar: avatar,
|
|
|
|
- nickname : nickname,
|
|
|
|
- msg: msg
|
|
|
|
- }).send();
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- catch (e) {
|
|
|
|
- alert(e.message)
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
|
|
function ret_join(datas){
|
|
function ret_join(datas){
|
|
// var jsonDatas = new websocket.Json_parse(datas);
|
|
// var jsonDatas = new websocket.Json_parse(datas);
|
|
@@ -249,7 +186,7 @@
|
|
|
|
|
|
|
|
|
|
//消息滚动
|
|
//消息滚动
|
|
- var SlideMsgs = function($parent){
|
|
|
|
|
|
+ var SlideMsgs = function ($parent){
|
|
this.slide_play = null;
|
|
this.slide_play = null;
|
|
this.init = function(){
|
|
this.init = function(){
|
|
this.play();
|
|
this.play();
|
|
@@ -271,26 +208,58 @@
|
|
}
|
|
}
|
|
};
|
|
};
|
|
this.addChild = function(msg){
|
|
this.addChild = function(msg){
|
|
|
|
+ var avatar = msg.content.from.avatar;
|
|
|
|
+ var nickname = msg.content.from.nickname;
|
|
|
|
+ var value = msg.content.value;
|
|
this.stop();
|
|
this.stop();
|
|
- $parent.append('<li><img class="avatar" src="http://img1.imgtn.bdimg.com/it/u=4026848961,760222886&fm=214&gp=0.jpg">'+msg+'</li>');
|
|
|
|
|
|
+ var sub_html = '<li>' +
|
|
|
|
+ '<div class="head_portrait">' +
|
|
|
|
+ '<img src="'+avatar+'">' +
|
|
|
|
+ '</div>'+
|
|
|
|
+ '<div class="user">' +
|
|
|
|
+ '<div class="user_name">'+nickname+'</div> '+
|
|
|
|
+ '<div class="user_msg">'+this.usermsg()+'</div>'+
|
|
|
|
+ '</div>'+
|
|
|
|
+ '<div class="bargain_msg">'+
|
|
|
|
+ '<span class="wallet"></span><span class="msg">砍掉'+value+'元</span>'+
|
|
|
|
+ '</div>'+
|
|
|
|
+ '</li>';
|
|
|
|
+ $parent.append(sub_html);
|
|
return this;
|
|
return this;
|
|
};
|
|
};
|
|
this.stop = function(){
|
|
this.stop = function(){
|
|
clearInterval(this.slide_play);
|
|
clearInterval(this.slide_play);
|
|
return this;
|
|
return this;
|
|
};
|
|
};
|
|
|
|
+ this.usermsg = function(){
|
|
|
|
+ var msgs = [
|
|
|
|
+ '绑架老板打劫福利',
|
|
|
|
+ '专治各种买不起',
|
|
|
|
+ '撸起袖子助你一臂之力',
|
|
|
|
+ '斧头帮伙计来也',
|
|
|
|
+ '拔刀相助,在所不辞',
|
|
|
|
+ '砍得多,全靠俺的一声吼',
|
|
|
|
+ '看我的青龙偃月刀',
|
|
|
|
+ '花钱买,不如砍价免费拿',
|
|
|
|
+ '感情深,刀法稳',
|
|
|
|
+ '关系好不好,一刀见分晓',
|
|
|
|
+ '放开那价,让我来',
|
|
|
|
+ '一刀出手往死里砍'
|
|
|
|
+ ];
|
|
|
|
+ var Range = 12;
|
|
|
|
+ var Rand = Math.random();
|
|
|
|
+ var num = Math.round(Rand * Range); //四舍五入
|
|
|
|
+ return msgs[num];
|
|
|
|
+ }
|
|
};
|
|
};
|
|
|
|
|
|
var slideMsgs = new SlideMsgs($('#slide_list'));
|
|
var slideMsgs = new SlideMsgs($('#slide_list'));
|
|
slideMsgs.init();
|
|
slideMsgs.init();
|
|
|
|
|
|
-
|
|
|
|
var random = function(){
|
|
var random = function(){
|
|
return (Math.random()*10).toFixed(2);
|
|
return (Math.random()*10).toFixed(2);
|
|
};
|
|
};
|
|
|
|
|
|
-
|
|
|
|
-
|
|
|
|
//价格变更
|
|
//价格变更
|
|
var priceAnimated = false;
|
|
var priceAnimated = false;
|
|
function priceChange(nprice){
|
|
function priceChange(nprice){
|
|
@@ -299,10 +268,12 @@
|
|
}
|
|
}
|
|
priceAnimated = true;
|
|
priceAnimated = true;
|
|
$('.stamp').removeClass('hide');
|
|
$('.stamp').removeClass('hide');
|
|
- document.getElementById('stamp').addEventListener('webkitAnimationEnd',function(){
|
|
|
|
|
|
+ document.getElementById('stamp').addEventListener('webkitAnimationEnd',function()
|
|
|
|
+ {
|
|
setTimeout(function(){
|
|
setTimeout(function(){
|
|
$('.stamp').addClass('hide');
|
|
$('.stamp').addClass('hide');
|
|
},500);
|
|
},500);
|
|
|
|
+
|
|
setTimeout(function(){
|
|
setTimeout(function(){
|
|
var current_price = document.querySelector('#current_price').innerHTML;
|
|
var current_price = document.querySelector('#current_price').innerHTML;
|
|
var price = current_price.replace('现价',"");
|
|
var price = current_price.replace('现价',"");
|
|
@@ -328,7 +299,6 @@
|
|
$('.pop').addClass('hide');
|
|
$('.pop').addClass('hide');
|
|
});
|
|
});
|
|
|
|
|
|
-
|
|
|
|
//发送信息
|
|
//发送信息
|
|
$('#send_btn').on('click',function(){
|
|
$('#send_btn').on('click',function(){
|
|
var sendMsg = $('#send_msg').val();
|
|
var sendMsg = $('#send_msg').val();
|
|
@@ -356,6 +326,71 @@
|
|
$('.join_btn').on('click',function(){
|
|
$('.join_btn').on('click',function(){
|
|
download_app();
|
|
download_app();
|
|
});
|
|
});
|
|
|
|
+
|
|
|
|
+ var room = <?php echo $output['room']['room']; ?>;
|
|
|
|
+ var roomkey = "<?php echo $output['room']['room_key']; ?>";
|
|
|
|
+ var addr = "<?php echo $output['room']['addr']; ?>";
|
|
|
|
+
|
|
|
|
+ var room_msgs = {
|
|
|
|
+ room : room,
|
|
|
|
+ roomkey :roomkey
|
|
|
|
+ };
|
|
|
|
+ var callbacks = {
|
|
|
|
+ onOpen:sOpen,
|
|
|
|
+ onError:sError,
|
|
|
|
+ onClose:sClose
|
|
|
|
+ };
|
|
|
|
+ var msg_handler = {
|
|
|
|
+ room_info:ret_join,
|
|
|
|
+ message:message
|
|
|
|
+ };
|
|
|
|
+ var websocket = new WebsocketConnect(addr,true,true,callbacks,room_msgs,msg_handler);
|
|
|
|
+
|
|
|
|
+ function sOpen(){
|
|
|
|
+ }
|
|
|
|
+ function sError(e){
|
|
|
|
+ alert('网络连接失败!请刷新重试');
|
|
|
|
+ }
|
|
|
|
+ function sClose(e){
|
|
|
|
+ console.log('网络连接关闭!');
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ function message(datas)
|
|
|
|
+ {
|
|
|
|
+ var jsonDatas = new websocket.Json_parse(datas);
|
|
|
|
+ var msg_type = datas.op;
|
|
|
|
+ console.log(datas);
|
|
|
|
+ try
|
|
|
|
+ {
|
|
|
|
+ if(msg_type == 'bargain') {
|
|
|
|
+ var price = datas.content.value;
|
|
|
|
+ priceChange(price);
|
|
|
|
+ slideMsgs.addChild(datas).play();
|
|
|
|
+ }
|
|
|
|
+ else if(msg_type =='ret_bargain') {
|
|
|
|
+ var ret_bargain_price = datas.content.value;
|
|
|
|
+ var image = new Image();
|
|
|
|
+ image.src = "<?php echo RESOURCE_SITE_URL; ?>/mobile/bargain/images/bargain_pop.jpg";
|
|
|
|
+ image.onload = function(){
|
|
|
|
+ $('.bargain_pop').removeClass('hide');
|
|
|
|
+ };
|
|
|
|
+ $('.ret_bargain').text(ret_bargain_price);
|
|
|
|
+ }
|
|
|
|
+ else if(msg_type = 'message') {
|
|
|
|
+ var msg = datas.content.content;
|
|
|
|
+ var avatar = datas.content.from.avatar;
|
|
|
|
+ var nickname = datas.content.from.nickname;
|
|
|
|
+ barrage.add({
|
|
|
|
+ avatar: avatar,
|
|
|
|
+ nickname : nickname,
|
|
|
|
+ msg: msg
|
|
|
|
+ }).send();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ catch (e) {
|
|
|
|
+ alert(e.message)
|
|
|
|
+ }
|
|
|
|
+ }
|
|
</script>
|
|
</script>
|
|
</body>
|
|
</body>
|
|
</html>
|
|
</html>
|