1

ユーザーがチャットを送信したときに音を出そうとしていますが、相手側でも聞こえます。これが私のコードです：

Enter Chat and press enter

<div><input id=input placeholder=you-chat-here /></div>
<code>Chat Output</code>
<div id=box></div>
<div id=pubnub pub-key=demo sub-key=demo></div>
<script src=http://cdn.pubnub.com/pubnub-3.1.min.js></script>
<script>(function(){
    var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chatlllll';
        PUBNUB.subscribe({
            channel : channel,
            callback : function(text) { 
                box.innerHTML = 
                  (''+text).replace( /[<>]/g, '' ) + '<br>' +      box.innerHTML; 
            }
        });
    PUBNUB.bind( 'keyup', input, function(e) {
       (e.keyCode || e.charCode) === 13 && PUBNUB.publish({
           playsound('http://www.aphpsite.comuv.com/sound/chat.wav')
           channel : channel, 
           message : input.value, 
           x : (input.value='')
       });
   });
})();</script>

これは私が持っているものです。サウンドの追加に問題があります。このスクリプトは壊れています。したがって、これはどれも機能しません。誰かが直してくれたらいいのにと思います。

ありがとう。

4

1 に答える 1

3

あなたはPubNubとチャットメッセージの到着/送信に効果音を付けたサンプルチャットアプリケーションについて質問しています。例を更新し、サウンドエフェクトの再生に役立つ追加のsound.js JavaScriptHTML5libを提供しました。ブラウザ間の互換性を提供するために、SoundWAVファイルを取得してOGGおよびMP3ファイル形式に変換したことに注意してください。次に、メッセージの受信時に効果音を使用したチャットの完全で機能するソースコードを貼り付けます。ソースコードに続いて、 sound.jsやオーディオファイルなど、必要なURLリソースを貼り付けました。

ライブでお試しください！-http ://pubnub-demo.s3.amazonaws.com/chat-with-sounds/chat.html

ソースコードを参照してください：

<div><input id=input placeholder=chat-here></div>
<code>Chat Output</code>
<div id=box></div>
<div id=pubnub pub-key=demo sub-key=demo></div>
<script src=http://cdn.pubnub.com/pubnub-3.1.min.js></script>
<script src=sound.js></script>
<script>(function(){
    var box = PUBNUB.$('box'), input = PUBNUB.$('input'), channel = 'chatlllll';
    PUBNUB.subscribe({
        channel : channel,
        callback : function(text) { 
            // PLAY SOUND HERE
            sounds.play('chat');

            // UPDATE TEXT OUTPUT HERE
            box.innerHTML = 
                (''+text).replace( /[<>]/g, '' ) +
                '<br>' +
                box.innerHTML; 
        }
    });
    PUBNUB.bind( 'keyup', input, function(e) {

       (e.keyCode || e.charCode) === 13 && PUBNUB.publish({
           channel : channel, 
           message : input.value, 
           x       : (input.value='')
       });
   });
})();</script>

GitHubでソースコードをダウンロードする

https://github.com/pubnub/pubnub-api/tree/master/app-showcase/chat-with-sounds-リンクをクリックして、Chat withSoundDemoのソースコードを含むPubNubGitHubリポジトリにアクセスします。

于 2012-07-18T06:11:21.413 に答える