0

フォームの送信ボタンを押したときに音を鳴らしたいのですが、何をしても音が鳴りません。長さは 1 秒ですが、フォームは 1 秒未満で送信されるため、非常によく聞こえません。これはコードです：

サウンドの作成:

<script type="text/javascript">
    var html5_audiotypes={ 
        "mp3": "audio/mpeg"
    }

    function createsoundbite(sound){
        var html5audio=document.createElement('audio')
        if (html5audio.canPlayType){
            for (var i=0; i<arguments.length; i++){
                var sourceel=document.createElement('source')
                sourceel.setAttribute('src', arguments[i])
                if (arguments[i].match(/\.(\w+)$/i))
                    sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
                html5audio.appendChild(sourceel)
            }
            html5audio.load()
            html5audio.playclip=function(){
                html5audio.pause()
                html5audio.currentTime=0
                html5audio.play()
            }
            return html5audio
        }
        else{
            return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
        }
    }
    var mouseClick=createsoundbite("sounds/cashSound.mp3")
</script>

HTML:

<form method='post' action='save.php'>
    <input type='submit' name='apply' value='Play' onclick='mouseClick.playclip()' />
</form>

setTimeout 関数を試してみましたが、うまくいきませんでした。助言がありますか？

4

2 に答える 2

3

playClip 関数で false を返すようにしてください。これにより、送信アクションが実行されない可能性があります。1 秒待ってから、フォーム要素で submit() を呼び出すことができます。AJAX でフォームを送信することもできます。

于 2012-12-12T14:50:50.313 に答える
0

美学はさておき、本当にサウンドを完成させたい場合は、送信を遅らせるか、応答を遅らせるか、フォームと同じページに埋め込まれていない別のフレームでサウンドを再生する必要があります。

于 2012-12-12T14:49:41.807 に答える