1

私のコードはうまく機能していました。それは、ページ上に描画してアニメーションを作成するhtmlページ上のjavascriptスクリプトを呼び出します。今、私が今やったことは、オーディオクリップを自動的に再生するためにタグを追加することです。私が抱えている問題は、アニメーションの描画が停止することですが、バックグラウンドで音楽が再生されています。

以下は、私が実行するために使用するindex.htmlです。これは、プロジェクト内の唯一のhtmlファイルです。

<!doctype html> 
<html class="no-js" lang="en" manifest="./main.manifest">
    <head>
        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

        <title> My Game </title>
        <meta name="description" content="">
        <meta name="author" content="SweetPotatoes">

        <meta name = "viewport" content = "user-scalable=no,
        initial-scale=1.0, maximum-scale=1.0, width=device-width" />


        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/game.css">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">


    </head>

    <body>


        <div id="container">
            <canvas id="canvasSausage" display="block" ></canvas>
        </div>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
        <script>
            window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')
        </script>




<!-- JavaScript at the bottom for fast page loading -->

            <script src="js/libs/modernizr-2.0.6.min.js"></script>
            <script src="js/libs/require.1.0.8.min.js"></script>
            <script src="js/libs/Draw.js"></script>
            <script src="js/libs/Smile.js"></script>
            <script src="js/libs/UpDpwn.js"></script>
            <script src="js/mylibs/SmellyCanvas/core/canvasMain.js"></script>

            <!-- scripts concatenated and minified via ant build script-->
            <script defer src="js/plugins.js"></script>
            <script defer src="js/script.js"></script>

            <!-- end scripts-->

            <script>
                window._gaq = [['_setAccount', 'UAXXXXXXXX1'], ['_trackPageview'], ['_trackPageLoadTime']];
                Modernizr.load({
                    load : ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
                });
            </script>

            <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
            chromium.org/developers/how-tos/chrome-frame-getting-started -->
            <!--[if lt IE 7 ]>
            <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
            <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
            <![endif]-->
            <audio autoplay="true">
            <source src="sound/Heart.mp3"></source>
                audio tag not supported.
            </audio>

        </body>
    </html>

私のmain.manifest

CACHE MANIFEST
# 2012-08-11

index.html
sound/Heart.mp3
4

1 に答える 1

1

開発中はマニフェストを使用しないでください。マニフェストは、強化版のブラウザ キャッシングのようなものです。外部の .js ファイルに変更を加えた後、ブラウザーがそれらを取得しないことには十分な問題があります。これは、ブラウザーが以前の訪問から保存したバージョンを使用しているためです (何かが壊れている/異なる場合)。

マニフェストを使用すると、マニフェストを管理するスクリプトを作成する場合を除き、そのキャッシング機能をほぼ永遠に拡張できます。一言で言えば：しないでください。

ビルドしようとしているものをビルドし、それが完了したら -- 少なくとも 1.0 フェーズ、または優れた安定したパブリック ベータ版になったら...

...次に、マニフェストに永久にファイルをキャッシュすることについて考え始めます。

于 2012-08-17T04:42:18.090 に答える