{"id":494,"date":"2022-05-23T10:42:32","date_gmt":"2022-05-23T03:42:32","guid":{"rendered":"https:\/\/scitru.tru.ac.th\/sciweek\/?page_id=494"},"modified":"2026-08-05T15:39:37","modified_gmt":"2026-08-05T08:39:37","slug":"%e0%b8%99%e0%b8%b4%e0%b8%97%e0%b8%a3%e0%b8%a3%e0%b8%a8%e0%b8%81%e0%b8%b2%e0%b8%a3-2","status":"publish","type":"page","link":"https:\/\/scitru.tru.ac.th\/sciweek\/?page_id=494","title":{"rendered":"\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23 ONLINE"},"content":{"rendered":"\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1672\" height=\"941\" src=\"https:\/\/scitru.tru.ac.th\/sciweek\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-\u0e2a.\u0e04.jpg\" alt=\"\" class=\"wp-image-3408\" srcset=\"https:\/\/scitru.tru.ac.th\/sciweek\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-\u0e2a.\u0e04.jpg 1672w, https:\/\/scitru.tru.ac.th\/sciweek\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-\u0e2a.\u0e04-768x432.jpg 768w, https:\/\/scitru.tru.ac.th\/sciweek\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-5-\u0e2a.\u0e04-1536x864.jpg 1536w\" sizes=\"auto, (max-width: 1672px) 100vw, 1672px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<p class=\"has-black-color has-text-color wp-block-paragraph\"><strong>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38&nbsp;<\/strong>\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e0a\u0e21\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2d\u0e2d\u0e19\u0e44\u0e25\u0e19\u0e4c \u0e17\u0e48\u0e32\u0e19\u0e08\u0e30\u0e44\u0e14\u0e49\u0e01\u0e47\u0e15\u0e48\u0e2d\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e04\u0e25\u0e34\u0e1b\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e08\u0e19\u0e08\u0e1a <strong>( \u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e14\u0e02\u0e49\u0e32\u0e21\u0e44\u0e14\u0e49 )<\/strong> \u0e08\u0e30\u0e21\u0e35 <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">\u0e1b\u0e38\u0e48\u0e21\u0e23\u0e30\u0e1a\u0e1a\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19<\/mark><\/strong> \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32 \u0e43\u0e2b\u0e49\u0e17\u0e48\u0e32\u0e19\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e31\u0e07\u0e01\u0e25\u0e48\u0e32\u0e27\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e23\u0e2d\u0e01\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e41\u0e25\u0e30\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23\u0e20\u0e32\u0e22\u0e43\u0e19\u0e23\u0e30\u0e1a\u0e1a<\/p>\n\n\n\n<!-- Style \u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 -->\n<style>\n  .video-selector-container {\n    max-width: 800px;\n    margin: 0 auto;\n    font-family: Arial, sans-serif;\n  }\n  \n  \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e40\u0e21\u0e19\u0e39\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e04\u0e25\u0e34\u0e1b *\/\n  .playlist-menu {\n    margin-bottom: 20px;\n  }\n  .playlist-label {\n    font-size: 16px;\n    font-weight: bold;\n    margin-bottom: 8px;\n    color: #1f2937;\n    display: block;\n  }\n  .video-select {\n    width: 100%;\n    padding: 12px;\n    font-size: 16px;\n    border: 2px solid #e5e7eb;\n    border-radius: 8px;\n    background-color: #fff;\n    cursor: pointer;\n    outline: none;\n    transition: border-color 0.2s;\n  }\n  .video-select:focus {\n    border-color: #22c55e;\n  }\n\n  \/* \u0e01\u0e23\u0e2d\u0e1a\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d *\/\n  .yt-wrapper {\n    position: relative;\n    padding-bottom: 56.25%; \/* 16:9 *\/\n    height: 0;\n    overflow: hidden;\n    border-radius: 8px;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.15);\n  }\n  .yt-wrapper iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: 0;\n  }\n\n  \/* \u0e01\u0e25\u0e48\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 *\/\n  .survey-box {\n    display: none; \/* \u0e0b\u0e48\u0e2d\u0e19\u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19 *\/\n    margin-top: 25px;\n    padding: 20px;\n    background-color: #f0fdf4;\n    border: 2px solid #22c55e;\n    border-radius: 8px;\n    text-align: center;\n    animation: fadeIn 0.5s ease-in-out;\n  }\n  .survey-btn {\n    display: inline-block;\n    padding: 12px 24px;\n    background-color: #22c55e;\n    color: #ffffff !important;\n    text-decoration: none;\n    font-weight: bold;\n    border-radius: 6px;\n    font-size: 16px;\n    transition: background-color 0.2s;\n  }\n  .survey-btn:hover { background-color: #16a34a; }\n  @keyframes fadeIn {\n    from { opacity: 0; transform: translateY(10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n<\/style>\n\n<div class=\"video-selector-container\">\n\n  <!-- 1. \u0e40\u0e21\u0e19\u0e39\u0e14\u0e23\u0e47\u0e2d\u0e1b\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e04\u0e25\u0e34\u0e1b -->\n  <div class=\"playlist-menu\">\n    <label class=\"playlist-label\" for=\"videoSelect\">\ud83d\udcfa \u0e40\u0e25\u0e37\u0e2d\u0e01\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e17\u0e35\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e0a\u0e21:<\/label>\n    <select id=\"videoSelect\" class=\"video-select\" onchange=\"changeVideo(this.value)\">\n      <!-- \u0e41\u0e01\u0e49\u0e44\u0e02 Video ID \u0e43\u0e19 value=\"...\" \u0e41\u0e25\u0e30\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e17\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48 -->\n      <option value=\"xRn93Hhobvw\">\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07 Viscometer Metrics \u0e27\u0e31\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2b\u0e19\u0e37\u0e14\u0e44\u0e21\u0e48\u0e22\u0e32\u0e01\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e17\u0e35\u0e48\u0e04\u0e34\u0e14<\/option>\n      <option value=\"yt9X-IQV_dA\">\u0e44\u0e02\u0e04\u0e27\u0e32\u0e21\u0e25\u0e31\u0e1a\u0e43\u0e15\u0e49\u0e01\u0e25\u0e49\u0e2d\u0e07\u0e08\u0e38\u0e25\u0e17\u0e23\u0e23\u0e28\u0e19\u0e4c! \u0e01\u0e32\u0e23\u0e22\u0e49\u0e2d\u0e21\u0e2a\u0e35\u0e41\u0e1a\u0e04\u0e17\u0e35\u0e40\u0e23\u0e35\u0e22\u0e41\u0e1a\u0e1a\u0e41\u0e01\u0e23\u0e21(Gram Stain)<\/option>\n      <option value=\"ws0Y-t-lgCU\">\u0e40\u0e2a\u0e01\u0e41\u0e01\u0e49\u0e27\u0e40\u0e1b\u0e47\u0e19\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49! \u0e27\u0e34\u0e18\u0e35\u0e01\u0e32\u0e23\u0e17\u0e33\u0e14\u0e2d\u0e01\u0e44\u0e21\u0e49\u0e41\u0e01\u0e49\u0e27\u0e42\u0e0b\u0e14\u0e32 \u0e2a\u0e38\u0e14\u0e2d\u0e40\u0e21\u0e0b\u0e34\u0e48\u0e07<\/option>\n <option value=\"mGJu0jrqejU\">\u0e2a\u0e15\u0e23\u0e2d\u0e27\u0e4c\u0e40\u0e1a\u0e2d\u0e23\u0e4c\u0e23\u0e35 Freeze-dry \u0e14\u0e49\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e38\u0e14\u0e25\u0e49\u0e33 \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e17\u0e33\u0e41\u0e2b\u0e49\u0e07\u0e40\u0e22\u0e37\u0e2d\u0e01\u0e41\u0e02\u0e47\u0e07<\/option>\n    <\/select>\n  <\/div>\n\n  <!-- 2. \u0e01\u0e23\u0e2d\u0e1a\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e2b\u0e25\u0e31\u0e01 -->\n  <div class=\"yt-wrapper\">\n    <div id=\"mainPlayer\"><\/div>\n  <\/div>\n\n  <!-- 3. \u0e2a\u0e48\u0e27\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19 -->\n  <div id=\"surveyContainer\" class=\"survey-box\">\n    <h3 style=\"margin-top:0; color:#15803d;\">\ud83c\udf89 \u0e04\u0e38\u0e13\u0e23\u0e31\u0e1a\u0e0a\u0e21\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e08\u0e1a\u0e41\u0e25\u0e49\u0e27!<\/h3>\n    <p style=\"color:#374151;\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e1b\u0e38\u0e48\u0e21\u0e14\u0e49\u0e32\u0e19\u0e25\u0e48\u0e32\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e15\u0e48\u0e2d\u0e44\u0e14\u0e49\u0e40\u0e25\u0e22\u0e04\u0e23\u0e31\u0e1a<\/p>\n    <a href=\"https:\/\/scitech-tru.my.canva.site\/survey-system-online\" target=\"_blank\" class=\"survey-btn\">\n      \u0e04\u0e25\u0e34\u0e01\u0e17\u0e33\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\n    <\/a>\n  <\/div>\n\n<\/div>\n\n<!-- 4. \u0e2a\u0e04\u0e23\u0e34\u0e1b\u0e15\u0e4c\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21 YouTube API (\u0e25\u0e47\u0e2d\u0e01\u0e2b\u0e49\u0e32\u0e21\u0e02\u0e49\u0e32\u0e21) -->\n<script>\n  var player;\n  var maxTimeWatched = 0;\n  var checkInterval;\n\n  \/\/ \u0e42\u0e2b\u0e25\u0e14 YouTube IFrame Player API\n  var tag = document.createElement('script');\n  tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n  var firstScriptTag = document.getElementsByTagName('script')[0];\n  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n  function onYouTubeIframeAPIReady() {\n    var defaultVideoId = document.getElementById('videoSelect').value;\n\n    player = new YT.Player('mainPlayer', {\n      videoId: defaultVideoId,\n      playerVars: {\n        'rel': 0,\n        'modestbranding': 1,\n        'disablekb': 1 \/\/ \u0e1b\u0e34\u0e14\u0e1b\u0e38\u0e48\u0e21\u0e25\u0e39\u0e01\u0e28\u0e23\u0e02\u0e49\u0e32\u0e21\u0e40\u0e27\u0e25\u0e32\u0e1a\u0e19\u0e04\u0e35\u0e22\u0e4c\u0e1a\u0e2d\u0e23\u0e4c\u0e14\n      },\n      events: {\n        'onStateChange': onPlayerStateChange\n      }\n    });\n  }\n\n  \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e2a\u0e25\u0e31\u0e1a\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e43\u0e2b\u0e21\u0e48\n  function changeVideo(videoId) {\n    if (player && player.loadVideoById) {\n      player.loadVideoById(videoId);\n      \n      \/\/ \u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15\u0e01\u0e32\u0e23\u0e19\u0e31\u0e1a\u0e40\u0e27\u0e25\u0e32\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e25\u0e34\u0e1b\u0e43\u0e2b\u0e21\u0e48\n      maxTimeWatched = 0;\n      clearInterval(checkInterval);\n      \n      \/\/ \u0e0b\u0e48\u0e2d\u0e19\u0e01\u0e25\u0e48\u0e2d\u0e07\u0e41\u0e1a\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e21\u0e34\u0e19\u0e44\u0e27\u0e49\u0e01\u0e48\u0e2d\u0e19\u0e08\u0e19\u0e01\u0e27\u0e48\u0e32\u0e08\u0e30\u0e14\u0e39\u0e04\u0e25\u0e34\u0e1b\u0e43\u0e2b\u0e21\u0e48\u0e08\u0e1a\n      document.getElementById('surveyContainer').style.display = 'none';\n    }\n  }\n\n  \/\/ \u0e14\u0e31\u0e01\u0e08\u0e31\u0e1a\u0e2a\u0e16\u0e32\u0e19\u0e30\u0e02\u0e2d\u0e07\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\n  function onPlayerStateChange(event) {\n    \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e25\u0e48\u0e19\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d (PLAYING) \u0e43\u0e2b\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e23\u0e27\u0e08\u0e40\u0e0a\u0e47\u0e01\u0e01\u0e32\u0e23\u0e01\u0e14\u0e02\u0e49\u0e32\u0e21\u0e17\u0e38\u0e01\u0e46 0.25 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n    if (event.data == YT.PlayerState.PLAYING) {\n      checkInterval = setInterval(checkSeeking, 250);\n    } else {\n      clearInterval(checkInterval);\n    }\n\n    \/\/ \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e27\u0e34\u0e14\u0e35\u0e42\u0e2d\u0e08\u0e1a\u0e04\u0e23\u0e1a 100% (ENDED)\n    if (event.data == YT.PlayerState.ENDED) {\n      const surveyContainer = document.getElementById('surveyContainer');\n      surveyContainer.style.display = 'block';\n      surveyContainer.scrollIntoView({ behavior: 'smooth' });\n    }\n  }\n\n  \/\/ \u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e19\u0e14\u0e31\u0e01\u0e08\u0e31\u0e1a\u0e41\u0e25\u0e30\u0e25\u0e47\u0e2d\u0e01\u0e01\u0e32\u0e23\u0e01\u0e14\u0e02\u0e49\u0e32\u0e21\u0e40\u0e27\u0e25\u0e32 (Prevent Seeking)\n  function checkSeeking() {\n    if (player && player.getCurrentTime) {\n      var currentTime = player.getCurrentTime();\n      \n      \/\/ \u0e16\u0e49\u0e32\u0e1c\u0e39\u0e49\u0e43\u0e0a\u0e49\u0e01\u0e14\u0e02\u0e49\u0e32\u0e21\u0e40\u0e27\u0e25\u0e32\u0e40\u0e01\u0e34\u0e19\u0e08\u0e38\u0e14\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e17\u0e35\u0e48\u0e40\u0e04\u0e22\u0e14\u0e39\u0e16\u0e36\u0e07\n      if (currentTime > maxTimeWatched + 1.5) {\n        player.seekTo(maxTimeWatched, true); \/\/ \u0e2a\u0e31\u0e48\u0e07\u0e14\u0e35\u0e14\u0e40\u0e27\u0e25\u0e32\u0e01\u0e25\u0e31\u0e1a\u0e21\u0e32\u0e08\u0e38\u0e14\u0e25\u0e48\u0e32\u0e2a\u0e38\u0e14\u0e17\u0e31\u0e19\u0e17\u0e35\n      } else {\n        if (currentTime > maxTimeWatched) {\n          maxTimeWatched = currentTime;\n        }\n      }\n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0e2b\u0e21\u0e32\u0e22\u0e40\u0e2b\u0e15\u0e38&nbsp;\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e43\u0e1a\u0e40\u0e01\u0e35\u0e22\u0e23\u0e15\u0e34\u0e1a\u0e31\u0e15\u0e23\u0e40\u0e0a\u0e49\u0e32\u0e0a\u0e21\u0e19\u0e34\u0e17\u0e23\u0e23\u0e28\u0e01\u0e32\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-494","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=\/wp\/v2\/pages\/494","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=494"}],"version-history":[{"count":81,"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=\/wp\/v2\/pages\/494\/revisions"}],"predecessor-version":[{"id":3412,"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=\/wp\/v2\/pages\/494\/revisions\/3412"}],"wp:attachment":[{"href":"https:\/\/scitru.tru.ac.th\/sciweek\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=494"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}