วิดเจ็ตแบบกำหนดเอง
สร้างวิดเจ็ต TikTok Live ของคุณเอง
วิดเจ็ต TikTok LIVE คือเว็บเพจที่ตอบสนองต่อไลฟ์ของคุณ: มีของขวัญเข้ามา หน้าเพจก็เคลื่อนไหว และ TikTok LIVE Studio หรือ OBS ก็แสดงหน้าเพจนั้นบนสตรีม คุณเขียนเองด้วย HTML, CSS และ JavaScript หรืออธิบายสิ่งที่ต้องการให้ AI เขียนก็ได้ โดย TokElements รันมันด้วยอีเวนต์จากไลฟ์ของคุณ
วิดเจ็ต TikTok LIVE ทำงานอย่างไร
1 · TikTok LIVE ของคุณ
ผู้ชมส่งของขวัญ ติดตาม กดไลก์ แชร์ และแชต แต่ละอย่างคืออีเวนต์
2 · TokElements
เชื่อมต่อกับไลฟ์ของคุณด้วย @username สาธารณะ โดยไม่ต้องใช้รหัสผ่าน และส่งทุกอีเวนต์ให้วิดเจ็ตของคุณทันทีที่เกิดขึ้น
3 · วิดเจ็ตของคุณ
เว็บเพจเล็ก ๆ: HTML สำหรับสิ่งที่แสดง CSS สำหรับหน้าตา และ JavaScript สำหรับสิ่งที่ทำเมื่ออีเวนต์เข้ามา
4 · LIVE Studio หรือ OBS
ลิงก์โอเวอร์เลย์ของคุณใส่เป็น Link source ใน TikTok LIVE Studio หรือ browser source ใน OBS ทุกวิดเจ็ตบนนั้นจะขึ้นบนสตรีม
แจ้งเตือนของขวัญในไม่กี่บรรทัด
วิดเจ็ตรับอีเวนต์ผ่านฟังก์ชันเดียว อันนี้แสดงว่าใครส่งของขวัญอะไร และกี่ชิ้น ทุกครั้งที่มีของขวัญเข้ามา:
<div id="alert"></div>
<script>
TE.on('gift', function (e) {
var el = document.getElementById('alert');
el.textContent = e.user.name + ' sent ' + e.gift.name + ' ×' + e.gift.repeat;
el.className = 'show'; // your CSS animates it in
setTimeout(function () { el.className = ''; }, 5000);
});
</script>คนสร้างอะไรกันบ้าง
แจ้งเตือนของขวัญ
แอนิเมชันต่างกันตามของขวัญ: เล็ก ๆ สำหรับ Rose เต็มจอสำหรับ Lion
เป้าหมาย
เป้าหมายผู้ติดตาม ไลก์ หรือของขวัญที่ผู้ชมช่วยกันเติมให้เต็ม
ลีดเดอร์บอร์ด
ผู้ส่งของขวัญหรือกดไลก์สูงสุดของสตรีม อัปเดตแบบสด
เกม
ผู้ชมเล่นด้วยคำสั่งในแชตหรือของขวัญ: วงล้อ แข่งรถ ควิซ เกมซ้อนหอคอย
แชตบนหน้าจอ
แชตของคุณเป็นส่วนหนึ่งของสตรีม ตกแต่งตามแบบของคุณ
อะไรก็ได้
ตัวจับเวลา โพล เพลงที่กำลังเล่น สัตว์เลี้ยงที่โตตามของขวัญ มันคือเว็บเพจ จึงเป็นอะไรก็ได้ที่เว็บเพจเป็นได้
หรืออธิบายให้ AI สร้างให้
คุณไม่ต้องเขียนโค้ด อธิบายวิดเจ็ต เช่น “แจ้งเตือนของขวัญสไตล์ไซเบอร์พังก์ที่แสดงสิงโตสายฟ้า 5 วินาทีเมื่อมีคนส่ง Lion” แล้วตัวสร้าง AI จะเขียน HTML, CSS และ JavaScript เชื่อมกับอีเวนต์ไลฟ์ของคุณ และแสดงบนแคนวาสตัวอย่าง อยากเปลี่ยนอะไรก็แค่สั่ง หรือเปิดโค้ดแล้วแก้เองก็ได้
จากไอเดียสู่สตรีม
1 · สร้างบัญชีฟรี
สมัครแล้วเชื่อม TikTok ของคุณด้วย @username สาธารณะ
2 · สร้างวิดเจ็ต
เริ่มจากเทมเพลต เขียนในตัวแก้ไขบนเบราว์เซอร์ หรืออธิบายให้ตัวสร้าง AI ทดสอบด้วยของขวัญและการติดตามจำลอง
3 · เพิ่มลิงก์เดียวลงในสตรีม
คัดลอกลิงก์โอเวอร์เลย์ลงใน TikTok LIVE Studio เป็น Link source หรือลงใน OBS เป็น browser source ทุกวิดเจ็ตที่คุณวางจะอยู่บนนั้น
คำถาม
ทำวิดเจ็ตของตัวเองสำหรับ TikTok LIVE Studio ได้ไหม?
ได้ TikTok LIVE Studio แสดงเว็บเพจเป็น Link source ได้ วิดเจ็ตจึงเป็นเว็บเพจที่ตอบสนองต่อไลฟ์ของคุณ TokElements ให้อีเวนต์ไลฟ์แก่หน้าเพจนั้นและโฮสต์ให้ คุณจึงเขียนแค่สิ่งที่มันแสดง หรือให้ AI เขียนให้
ต้องเขียนโค้ดเป็นไหม?
ไม่ต้อง เลือกเทมเพลตหรืออธิบายวิดเจ็ตให้ตัวสร้าง AI ถ้าคุณเขียนโค้ดเป็น ตัวแก้ไขบนเบราว์เซอร์ให้ HTML, CSS และ JavaScript พร้อมอีเวนต์สดและตัวอย่าง
วิดเจ็ตตอบสนองต่ออีเวนต์อะไรได้บ้าง?
ของขวัญ (พร้อมจำนวนคอมโบและมูลค่าเหรียญ) การติดตาม ไลก์ แชร์ การสมัครสมาชิก ข้อความแชต การเข้าร่วม โพล และแบตเทิล รวมถึงยอดรวม เช่น ผู้ชมและเหรียญ
ใช้กับ OBS ได้ด้วยไหม?
ได้ ลิงก์โอเวอร์เลย์เดียวกันใช้เป็น browser source ใน OBS และเป็น Link source ใน TikTok LIVE Studio
ต้องใช้รหัสผ่าน TikTok ไหม?
ไม่ต้อง TokElements หาไลฟ์ของคุณด้วย @username สาธารณะ ไม่มีอะไรขอข้อมูลล็อกอิน TikTok ของคุณ
สร้างวิดเจ็ตแรกของคุณวันนี้
บัญชีฟรี ตัวแก้ไขบนเบราว์เซอร์ ตัวสร้าง AI และอีเวนต์ TikTok สด ขึ้นสตรีมผ่านลิงก์เดียว
เมนูและฟีเจอร์ของ TikTok LIVE Studio เปลี่ยนไปตามเวลาและต่างกันตามประเทศ TokElements ไม่มีส่วนเกี่ยวข้องกับ TikTok