กูเกิลเปิดเว็บ "รามเกียรติ์ ประเทศไทย" โชว์เทคโนโลยี HTML5 บน Chrome

By mk Founder on Tag: Google, Thailand, Web Application, Chrome, HTML5
Google

กูเกิลประเทศไทยเปิดตัว "รามเกียรติ์" เว็บแอพเล่าเรื่องราวของรามเกียรติ์แบบอินเทอร์แอคทีฟ (ทำงานแบบหลายหน้าต่างพร้อมกัน ลักษณะเดียวกับโครงการ The Wilderness Downtown ในปี 2010 และ 3 Dreams of Black ในปี 2011)

รามเกียรติ์ ถูกสร้างขึ้นด้วยเทคโนโลยีเว็บอย่าง HTML5, WebGL, JavaScript และโชว์ผลิตภัณฑ์ของกูเกิลอีกสารพัดอย่าง เช่น เมืองลงกาใน Google Maps, นางสีดาเล่น Google Talk, โพสต์บล็อกหาพระรามบน Blogger เป็นต้น สนใจเข้าไปเล่นได้ที่ thai.ramaya.na โดยต้องใช้ Chrome เท่านั้นและต้องอนุญาต pop-up ให้ทำงานด้วย

โครงการรามเกียรติ์ประเทศไทยได้รับการสนับสนุนจากกรมศิลปากร และได้ตุล วงอพาร์ตเมนต์คุณป้า มาทำดนตรีประกอบให้ครับ

ที่มา - Google Thailand Blog


ป.ล. เท่าที่ผมเช็คดู กูเกิลมีโครงการแบบเดียวกันสำหรับอินโดนีเซียด้วย (เรียก Ramayana Indonesia) ซึ่งใช้เอนจินเดียวกันทั้งหมด ต่างกันที่ภาษา รูปภาพ และเนื้อเรื่องบางส่วน

Hiring! บริษัทที่น่าสนใจ

CP AXTRA Public Company Limited - Lotus's company cover
CP AXTRA Public Company Limited - Lotus's
CP AXTRA Lotus's is revolutionizing the retail industry as a Retail Tech company.
 Token X company cover
Token X
Blockchain, ICO, Tokenization, Digital Assets, and Financial Service
 Carmen Software company cover
Carmen Software
Hotel Financial Solutions
 Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
 United Information Highway Co., Ltd. company cover
United Information Highway Co., Ltd.
UIH is Thailand’s leading Digital Infrastructure and Solution Provider for Business
 KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
 Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
 Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
 Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
 Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
 CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
 Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
 CDG GROUP company cover
CDG GROUP
Provider of IT solutions to public, state, and private sectors in Thailand for over 56 years
 Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
 CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
 Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
 Gofive company cover
Gofive
“We create world-class software experience”
 KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
 Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
 Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
 REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
 H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
 LTMH TECH company cover
LTMH TECH
LTMH TECH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
 Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
 Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
 MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
 Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
 LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
 LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

thep497 Wed, 02/06/2013 - 13:59

แหะ แหะ พระรามยกศรแล้วไปต่อไงครับ ไปไม่ถูก

ปล. กลัวว่าอีกหน่อย chrome จะเหมือน IE6 ที่มี feature ประหลาด ๆ ไม่เป็นมาตรฐาน แล้วทำให้การเขียนโปรแกรมลำบากอีก

Eka-X Wed, 02/06/2013 - 15:23

ประหลาดสิครับ แค่เอาเว็บนี้เปิดด้วยเบราว์เซอร์อื่นก็เขียนว่า

"ขออภัย

เบราว์เซอร์ที่คุณใช้ไม่สามารถเปิดรับชมมหากาพย์รามเกียรติ์ของโครมได้ เนื่องจากวรรณคดีเรื่องนี้ถูกสร้างโดยคุณสมบัติพิเศษเฉพาะของ Google Chrome ด้วยเหตุนี้ เราขอแนะนำให้เข้ารับชมด้วย Google Chrome"

NgOrXz Wed, 02/06/2013 - 16:31

น่าจะเป็นเหตุผลทางการค้าพร้อมจิกกัดค่ายอื่น เพราะแม้เปิดที่ Chrome บน iOS ก็ยังไม่ได้เลย เขาจะล็อกเอาไว้ให้เล่นเฉพาะ Chrome PC เปล่า

Eka-X Wed, 02/06/2013 - 16:44

Chrome บน iOS ใช้เอนจินของ Safari นะครับ แอปเปิ้ลไม่ยอมให้มีเว็บเอนจินอื่นๆ นอกจาก safari เท่านั้น Opera, firefox บน iOS ไส้ในก็เป็น Safari หมด

jirayu Wed, 02/06/2013 - 23:47

Opera Mini ไส้ในไม่ใช่ Safari ครับ

Opera เลี่ยงข้อกำหนดเรื่อง html engine ของแอปเปิล โดยการประมวลผลหน้าเว็บที่เซิร์ฟเวอร์แล้วค่อยส่งมาให้เราดูครับ

neonicus Thu, 02/07/2013 - 12:44

Opera mini ทุกรุ่นทุก os ทำแบบนี้อยู่แล้วครับ
ไม่ได้เป็นการเลี่ยง

และเหมือน skyfire ก็เคยตกลงอะไรไม่รู้กับ apple อย่างเป็นทางการ น่าจะแบบเดียวกับ opera miniนะแหละ
ที่ทำให้เปิดflashบนเวบได้(เปิดที่serverแล้วส่งภาพมาที่ ios device)

neonicus Wed, 02/06/2013 - 16:08

ฟิวเจอร์ที่ว่าคืออะไร future อนาคต?

หรือหมายถึง feature -> ฟีเจอร์?

ทับศัพท์เถอะครับถ้าอะไรที่มันไม่ชัวร์

equivalent Wed, 02/06/2013 - 18:01

เบื่อจัง เวลาจะสื่ออะไรไทยๆเอะอะต้องรามเกียรติ์อีกละ

equivalent Thu, 02/07/2013 - 12:10

แต่งเรื่องสั้นมาใหม่มันก็ไม่เหมือนใครในโลกแล้วนิครับ แค่นี้ก็เป็นไทยได้แล้ว (หรือว่าไม่ได้??) ไม่เห็นต้องไปยึดติดกับรามเกียรติ์เลย (ซึ่งก็เป็นเรื่องแต่งเหมือนกัน แถมอิงมาจากอินเดียด้วย แต่ไม่รู้ทำไมถึงมีความ "ไทย" มากเป็นพิเศษจนต้องถูกหยิบยกไปใช้บ่อยๆ)

แต่พอเข้าใจว่าในที่นี้ต้องการ concept เอาของเก่าจากวรรณคดีมาผสมกับ product ของกูเกิล คล้ายๆกับโฆษณา ivy ที่เอายุคโบราณมาผสมกับยุคใหม่

giogio Thu, 02/07/2013 - 12:10

อย่ามัวแต่บ่นครับ ลุกขึ้นมาสร้าง content กันเถอะ ถ้าเรามัวแต่นั่งแช่แต่ไม่ทำอะไรก็จะไม่มีอะไรขึ้นมาอยู่ดีครับ สู้ๆครับผมก็ปั่น content ผมตาเหลือกเช่นกัน

Jaddngow Thu, 02/07/2013 - 02:19

แต่อันนี้มันดูไม่เหมือนรามเกียรติ์ไทยเลยนะ ของไทยลายเส้นน่าจะแบบในวัดพระแก้ว อันนี้น่าจะของอินโด (เดามั่วนะ)

Spoiler Wed, 02/06/2013 - 23:20

Feature ของระบบบางอย่างไม่ใช่มาตรฐานของ W3C นะครับทำให้ใช้ได้แค่บาง Browser เท่านั้น

pblack Thu, 02/07/2013 - 00:19

ทำได้เจ๋งมาก แอบฮา มีแชทคุยกัน แต่คำพูดเหมือนละครไทย
แต่ส่วนตัวไม่ชอบภาพตัวละครแฮะ ลายเส้นไม่โดน

kritapas.t Thu, 02/07/2013 - 00:44 

Safari 6.0.2 เล่นได้ กดได้ เพลงได้ ป๊อปอัพได้ ผ่าน 5 ด่าน แค่ 2 ขั้นตอน

1. Develop > User Agent > Google Chrome 19.0 Mac
2. Develop > Enable WebGL

เมนู Develop ให้ Safari > Preferences > Advanced > Check [Show develop menu in menu bar] จบ

STlive Thu, 02/07/2013 - 23:50

mทำไงอะ
ขึ้นแต่ กดตรงไหนก็ได้เพื่อเข้าสู่เรื่อง อะไรก็ไม่รู้ ไม่เห็นมีอะไรเลย

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
Tinder
public://topics-images/hwizi8ny_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
NVIDIA
public://topics-images/srvczsfq_400x400.jpg
ServiceNow
public://topics-images/ytnrfphe_400x400.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png
Paradox Interactive
public://topics-images/paradox_interactive_logo.svg_.png
Europa Universalis
public://topics-images/europa-icon.png
Nintendo Switch 2
public://topics-images/mainvisual.png
Cloudflare
public://topics-images/cloudflare_logo.svg_.png
Samsung
public://topics-images/samsung.png
Google
public://topics-images/google_2015_logo.svg_.png
Uber
public://topics-images/uber.png
Microsoft 365
public://topics-images/m365.png
USA
public://topics-images/flag_of_the_united_states.svg_.png
GM
public://topics-images/0pe0po-z_400x400.jpg
Perplexity
public://topics-images/perplex.jpg
Xperia
public://topics-images/xperia.png
iOS 18
public://topics-images/ios-18-num-96x96_2x.png
True
public://topics-images/true_logo.png
SoftBank
public://topics-images/softbank.jpg
Pac-Man
public://topics-images/pacman.png
Harry Potter
public://topics-images/harry.png
Marvel
public://topics-images/marvel.png
Skydance
public://topics-images/skydance.png
SEA
public://topics-images/sealogo.png
Find My Device
public://topics-images/find.png
Gemini
public://topics-images/google_gemini_logo.svg__1.png
Accessibility
public://topics-images/accessibility-128x128_2x.png
Material Design
public://topics-images/m3-favicon-apple-touch.png
Android 16
public://topics-images/android16.png
Android
public://topics-images/android_0.png
Firefox
public://topics-images/firefox_logo-2019.svg_.png
Google Messages
public://topics-images/messages.png
Notepad
public://topics-images/notepad.png
Singapore
public://topics-images/flag_of_singapore.svg_.png
Airbnb
public://topics-images/airbnb.png
PS5
public://topics-images/ps5.png
Krafton
public://topics-images/krafton.png
Doom
public://topics-images/doom-game-s_logo.svg_.png
AMD
public://topics-images/amd_logo.svg_.png
GTA
public://topics-images/gta_0.png
DoorDash
public://topics-images/doordash.png
YouTube
public://topics-images/yt.png
YouTube Music
public://topics-images/yt-music.png
Facebook
public://topics-images/fb.png
iQiyi
public://topics-images/iqiyi_0.png
Viu
public://topics-images/viu.png
Amazon Prime Video
public://topics-images/prime-vid.png
Spotify
public://topics-images/spotify.jpg
Apple TV
public://topics-images/apple-tv.png
HBO Max
public://topics-images/max.png
Threads
public://topics-images/threads.png
Alexa
public://topics-images/alexa.png
Kindle App
public://topics-images/kindle.png
Shopee
public://topics-images/shopee.png
Waze
public://topics-images/waze.png
Bilibili
public://topics-images/bili.png
Google Maps
public://topics-images/maps.png
Apple Music
public://topics-images/apple-music.png
Claude
public://topics-images/claude.png
TikTok
public://topics-images/tiktok.png
Xbox
public://topics-images/xbox.png
Tesla
public://topics-images/tesla.png
Chrome
public://topics-images/chrome.png
Google Calendar
public://topics-images/gcal.png
Google Home
public://topics-images/ghome.png
Google Meet
public://topics-images/meet.png
NotebookLM
public://topics-images/notebooklm.png
Reddit
public://topics-images/reddit.png
Assassin’s Creed
public://topics-images/ac.png
Mark Zuckerberg
public://topics-images/zuck.jpg
Meta
public://topics-images/meta.png
Meta AI
public://topics-images/meta-ai.png
Epic Games
public://topics-images/epic_games_logo.svg_.png
Unreal
public://topics-images/unreal_engine_logo-new_typeface-svg.png
Fortnite
public://topics-images/fortnite.png
DeepMind
public://topics-images/deepmind.png
Databricks
public://topics-images/databricks.png
Netflix
public://topics-images/netflix-logo.png
Microsoft Azure
public://topics-images/azure.png
Microsoft Copilot
public://topics-images/microsoft_copilot_icon.svg_.png
Bing
public://topics-images/bing.png
EA
public://topics-images/ea.png
Intel
public://topics-images/intel.png
Amazon
public://topics-images/amazon.png
AWS
public://topics-images/aws.png
Zoom
public://topics-images/zoom.png
Dropbox
public://topics-images/dropbox_0.png
Roblox
public://topics-images/roblox.png
Dell Technologies
public://topics-images/dell-tech.png
Nothing
public://topics-images/nothing.svg_.png
Microsoft Teams
public://topics-images/teams.png
Mojang
public://topics-images/mojang.png
Minecraft
public://topics-images/minecraft.png
Redis
public://topics-images/redis_logo.svg_.png
Ubisoft
public://topics-images/ubisoft_logo.svg_.png
Elden Ring
public://topics-images/elden.png
Brave
public://topics-images/brave.png
Opera
public://topics-images/opera.png
Vivaldi
public://topics-images/vivaldi.png
Microsoft Edge
public://topics-images/edge.png
NASA
public://topics-images/0zxklekb_400x400.jpg