Emulador Nesbox no WordPress…

(@tom-costa)

Olá,
Estou com dificuldade de fazer o emulador NesBox funcionar no WordPress.
Eu consigo fazer funcionar em uma página em HTML puro, mas não funciona como um post no WordPress. Além disso, eu precisaria passar em um shortcode o sistema “sega” e a ‘rom’ do game “Super Mario (U).zip” para a variável ‘flashvars’ do emulador.
O código que funciona é o seguinte:

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>NesBox test</title>
  <meta name="description" content="NesBox emulator">
  <meta name="Tom" content="NesBox emulator">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <!-- Inicio do Script do Emulador -->

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

    <script type="text/javascript">

    var resizeOwnEmulator = function(width, height)
    {
        var emulator = $('#emulator');
        emulator.css('width', width);
        emulator.css('height', height);
    }

    $(function()
    {
        function embed()
        {
            var emulator = $('#emulator');
            if(emulator)
            {
                var flashvars =
                {
                    system : 'snes',
                    url : '/wp-content/emulator/flash/3x3 Eyes - Juuma Houkan (J) [h1C].zip'
                };

                var params = {};
                var attributes = {};
                params.allowscriptaccess = 'sameDomain';
                params.allowFullScreen = 'true';
                params.allowFullScreenInteractive = 'true';
                swfobject.embedSWF('flash/Nesbox.swf', 'emulator', '640', '480', '11.2.0', null, flashvars, params, attributes);
            }
        }

        embed();
    });

    </script>
    </head>
<body>
    <div>
    <div id="emulator">
        <p>To play this game, please, download the latest Flash player!</p>
        <br>
        <a href="http://www.adobe.com/go/getflashplayer">
            <img src="//www.adobe.com/images/shared/download_buttons/get_adobe_flash_player.png" alt="Get Adobe Flash player"/>
        </a>
    </div>
    </div>
   <!-- Fim do Script do Emulador -->
</body>
</html>

Exemplo:
http://www.nanuvem.is-best.net/wp-content/emulator/

Alguma sugestão, ou conhecimento de alguém que já tenha passado por isto?
Agradeço muito!

O tópico ‘Emulador Nesbox no WordPress…’ está fechado para novas respostas.

Tags de tópico

Visualizações