wex5铛铛添加新消息声音提示

ecoolper

1、添加audio标签 在/UI2/chat/base/index.js添加initAudioNotify方法，然后在modelModelConstruct事件中调用

1.         Model.prototype.initAudioNotify = function() {
   
2.                 $('<audio id="chatAudio"><source src="/x5/UI2/chat/audio/notify.ogg" type="audio/ogg"><source src="/x5/UI2/chat/audio/notify.mp3" type="audio/mpeg"><source src="/x5/UI2/chat/audio/notify.wav" type="audio/wav"></audio>').appendTo('body');
   
3.         };

复制代码

调用

1.         Model.prototype.modelModelConstruct = function(event) {
   
2.                 this._doInit();
   
3.                 $('head').append("<title>铛铛</title>");
   
4.                
   
5.                 if(window.Keyboard && Keyboard.shrinkView){
   
6.                         Keyboard.shrinkView(false);
   
7.                 }
   
8.                
   
9.                 $(window).on('statusTap',function(){
   
10.                         var activePage = justep.Shell.impl.getActivePage();
    
11.                         if (activePage && activePage.innerContainer && activePage.innerContainer.getInnerModel()) {
    
12.                                 activePage.innerContainer.getInnerModel().fireEvent("statusTap");
    
13.                         }
    
14.                 });
    
15.                
    
16.                 //wjw(2016-11-16),add
    
17.                 this.initAudioNotify();
    
18.         };

复制代码

2、有新消息时声音提醒 代码位置/UI2/chat/wex5/pc/dialogList.js，写在loadDialogs事件中：$('#chatAudio')[0].play();

1.         Model.prototype.loadDialogs = function() {
   
2.                 var self = this;
   
3.                 // var showNotification = false;
   
4.                 IM.bindDialogs(function(dialogs) {
   
5.                         //wjw(2016-11-16),add,有新消息时，有声音提示
   
6.                         $('#chatAudio')[0].play(); //播放声音
   
7.                        
   
8.                         var data = self.comp("dialogData");
   
9.                         Utils.loadData(data,dialogs,self.getRowCallback);
   
10.                         var rows = data.toJson({
    
11.                                 format : 'simple'
    
12.                         });
    
13.                         store.set("wex5Chat_dialogData", rows.rows);
    
14.                        
    
15.                 });
    
16.         };

复制代码

3、h5的audio标签，不同浏览器支持不同格式的音频，


audio.zip (87.95 KB, 下载次数: 187)

2016-11-20 00:25 上传

点击文件名下载附件

Wex5Customer

这个方法移动端以及APP怎么不起作用呀？有没有好的改进办法？

ecoolper

Wex5Customer 发表于 2017-2-6 23:46
这个方法移动端以及APP怎么不起作用呀？有没有好的改进办法？

移动端是另一个思路，用的手机的系统提示