อินเทอร์เฟซ Audio Player พร้อมหัวเรื่องตัวอย่าง.

Xodera Plugins · Bubble Native

Xodera Audio Player Native

เพิ่มเครื่องเล่นเสียงที่ชัดเจนลงในบทเรียน, ข้อความเสียง หรือบันทึกสินค้า. ให้ผู้ใช้ฟัง, ปรับความเร็วและดำเนินต่อจากตำแหน่งที่บันทึกไว้.

Public beta guides · Haptics instructions are in its Bubble listing

Public beta offer: free Bubble install · 7-day card trial, then US$1.50/month per plugin/project.

สร้างเวิร์กโฟลว์ ↓การตั้งค่าปลั๊กอิน ↗Native Lab

เอกสารที่ตรวจสอบ 6 พฤศจิกายน 2026

ตัวอย่างเชิงปฏิบัติ

บันทึกเสียงภายในการสนทนาสนับสนุน

ลิงก์ไฟล์ธรรมดาจะพาผู้ใช้ออกจากการสนทนาและทำให้การตอบกลับยาวยากต่อการตรวจสอบ.

`source_url = Selected Message’s audio URL`; `title = Selected Message’s sender label`; `subtitle = Selected Message’s timestamp`.

วางตัวเล่นในรายละเอียดของข้อความที่เลือก. ให้ผู้ใช้ Play/Pause, Seek ไปยังจุดที่มีประโยชน์และ Set speed. ผูก `is_active` กับการสนทนาที่เปิดอยู่.

ใช้ `is_playing`, `current_time` และ `duration` เพื่อแสดงความคืบหน้า. เก็บรหัส Message ในแอปของคุณเพื่อเหตุการณ์ล่าช้าไม่สามารถอัปเดตการสนทนาอื่นได้.

เมื่อ `player_error`, แสดง `error_code` และเสนอ Reload source; รักษาข้อความและไม่ทำเครื่องหมายว่าได้ฟังแล้วหลังจากเกิดข้อผิดพลาด.

เพียงการเล่นกลับ. แอปของคุณบันทึกความคืบหน้าในการฟัง.

ดำเนินการเรียนภาษาต่อจากตำแหน่งที่บันทึกไว้

ผู้เรียนต้องการเล่นซ้ำส่วนที่ยากแทนการเริ่มต้นบทเรียนทั้งหมดใหม่.

`source_url = Current Lesson’s audio URL`; `title = Current Lesson’s name`; ตำแหน่งสุดท้ายเป็นของผู้เรียนและบทเรียนนั้นในฐานข้อมูลของคุณ.

หลังจาก `ready` สำหรับบทเรียนปัจจุบัน, Seek ไปยังวินาทีที่บันทึกและรอผู้ใช้ให้ Play. ใช้ Set speed สำหรับการฟังช้าลง. บันทึกความคืบหน้าด้วยกระบวนการทำงานของแอปของคุณ.

อ่าน `current_time` และ `duration`. เมื่อ `playback_ended`, แอปของคุณอาจบันทึกเหตุการณ์สำคัญการฟังสำหรับ Lesson ปัจจุบัน.

หากแหล่งเปลี่ยน, ให้ละทิ้งตำแหน่งเก่าจนกว่าบทเรียนนั้นจะโหลดเสร็จ. อย่าพิจารณาการฟังเสร็จเป็นหลักฐานว่าผู้เรียนเข้าใจหรือผ่านการทดสอบ.

เพียงการเล่นกลับ. แอปของคุณบันทึกความคืบหน้าในการฟัง.

ตรวจทานไฟล์แนบเสียงพร้อมความคิดเห็นที่มีเครื่องหมายเวลา

บรรณาธิการหรือผู้ฝึกสอนต้องการกระโดดจากความคิดเห็นไปยังช่วงเวลาที่เกี่ยวข้องในการบันทึก.

`source_url = Selected Review’s recording URL`; ความคิดเห็นที่เป็นของแอปแต่ละรายการเก็บค่าวินาทีของตนเอง; `waveform_peaks_json` ทางเลือกมีพีคจริงสำหรับการบันทึกเดียวกันนั้น.

คลิกความคิดเห็น → Seek ไปยังวินาทีของมัน → Play. เมื่อแหล่งเปลี่ยน, แทนที่หรือเคลียร์พีคและผูกการตรวจทานที่เลือกใหม่อีกครั้ง.

แสดง `current_time` ข้างตัวเขียนความคิดเห็นของคุณ. `waveform_available` บอก UI ของคุณว่าพีคที่จัดหาไว้จริงมีหรือไม่.

จำกัดหรือปฏิเสธการประทับเวลาที่ล้าสมัยเทียบกับระยะเวลาปัจจุบันในแอปของคุณ เมื่อไม่มีจุดสูงสุดจริง แสดงตัวควบคุมความคืบหน้าแบบปกติแทนการวิเคราะห์เสียงที่สร้างขึ้น

เพียงการเล่นกลับ. แอปของคุณบันทึกความคืบหน้าในการฟัง.

สิ่งที่ทำงานได้ในขณะนี้

Public beta. Use the documented controls and actions; test supported formats, permissions and device behavior in your own native app. Browser preview does not validate native device output.

สร้างเวิร์กโฟลว์

ใช้การกระทำเบต้าที่พร้อมด้านล่างและทดสอบผลบนอุปกรณ์เป้าหมายของคุณ.

ตัวอย่างเหล่านี้ใช้บันทึกแอปเช่น Lesson, Message และ Order. ให้แทนที่ด้วยประเภทข้อมูลและชื่อองค์ประกอบของคุณเอง. ที่อยู่สื่อตัวอย่างต้องถูกแทนที่ด้วยไฟล์ของคุณเอง.

เพิ่มองค์ประกอบเสียง. ตั้งค่า source_url = Selected Message's audio_url, title = Selected Message's sender_label และ subtitle = Selected Message's date_label.
หากคุณมีข้อมูลรูปคลื่นจริงสำหรับการบันทึกนี้, ส่งผ่านใน waveform_peaks_json. มิฉะนั้นให้เว้นว่างไว้.
เมื่อเกิดเหตุการณ์ ready, ใช้ Seek พร้อมจำนวนวินาทีที่บันทึกไว้หากจำเป็น. ให้ผู้ใช้กด Play. ใช้ Pause, Seek และ Set speed สำหรับปุ่มของเครื่องเล่น.
แสดง current_time และ duration. บน playback_ended, บันทึกความคืบหน้าการฟังสำหรับข้อความหรือบทเรียนที่เลือก. ตั้งค่า is_active ให้เป็นว่ามุมมองนี้เปิดอยู่หรือไม่.

แผนภาพกระบวนการทำงาน — ไม่ใช่ภาพหน้าจอแอป

ตั้งค่าเพียงครั้งเดียว

สร้างหรือเลือกโครงการแอป Bubble ของคุณใน BestPlugins → Dashboard → Plugins. เลือก Xodera Audio Player Native, คัดลอกคีย์ของมัน, จากนั้นเปิด Bubble → Plugins → Xodera Audio Player Native และวางลงใน licensing_api_key. บันทึกหนึ่งครั้ง; จากนั้นใช้การกระทำด้านล่าง. ปลั๊กอินแต่ละตัวในแต่ละโครงการมีคีย์ของตนเอง.

ใช้ที่อยู่ไฟล์เสียงโดยตรงที่แอปสามารถเปิดได้. การเล่นเสียงไม่ต้องการการเข้าถึงไมโครโฟนหรือกล้อง.

ตั้งค่าเพียงครั้งเดียว

สร้างหรือเลือกโครงการแอป Bubble ของคุณที่ BestPlugins → Dashboard → Plugins.
เลือกปลั๊กอินนี้และคัดลอกคีย์โครงการของมัน.
Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
เพิ่มองค์ประกอบ, เลือกข้อมูลแอปของคุณและสร้างเวิร์กโฟลว์ด้านล่าง.
In the dashboard, review and confirm the 7-day card trial for this plugin. It then costs US$1.50/month per app project, including development and production. Cancel before the trial ends to avoid the first charge.

การติดตั้งและการสมัครสมาชิก

For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.

บันทึกผลลัพธ์ในแอปของคุณ

ตัวอย่าง ListeningProgress: owner = Current User, lesson = Selected Lesson, seconds = Audio Player's current_time, duration = Audio Player's duration. บันทึกเมื่อผู้ใช้หยุดชั่วคราวหรือออกจากบทเรียน, แทนที่จะบันทึกทุกครั้งที่หน้าจออัปเดต.

ความล้มเหลว, การยกเลิกและการกู้คืน

บน player_error, แสดง error_code และเสนอ Reload source. เก็บบันทึกข้อความหรือบทเรียน. เมื่อเลือกการบันทึกอื่น, โหลดตำแหน่งที่บันทึกไว้ของมันเอง. การกลับไปยังมุมมองจะไม่เริ่มการเล่นโดยอัตโนมัติ.

ความสามารถและขีดจำกัด

ความเร็วการเล่น: 1, 1.5 และ 2. ระดับเสียง: 0–1. ข้อมูลรูปคลื่น: 2–2048 ค่าอยู่ระหว่าง 0 ถึง 1. รูปแบบเสียงที่รองรับขึ้นอยู่กับอุปกรณ์. เครื่องเล่นไม่บันทึก, แปลงข้อความหรือบันทึกเสียงอย่างถาวรเพื่อใช้ออฟไลน์. การเล่นในพื้นหลังและหน้าจอล็อกไม่รับประกัน.

การตั้งค่า, การกระทำและผลลัพธ์

ใช้ชื่อเหล่านี้ใน Bubble. ฟีเจอร์ที่วางแผนไว้จะถูกทำเครื่องหมายแยกต่างหาก.

การตั้งค่าเบต้าที่พร้อมใช้งาน

การตั้งค่าองค์ประกอบ

source_url · textwaveform_peaks_json · texttitle · textsubtitle · textplayback_rate · numbervolume · numberloop · yes_nois_active · yes_nodisabled · yes_noui_text_json · textlanguage · text

สถานะ

player_status · textis_playing · yes_nois_loaded · yes_nois_buffering · yes_nocurrent_time · numberduration · numberprogress · numberplayback_rate · numbervolume · numberis_looping · yes_nowaveform_available · yes_nowaveform_status · texterror_code · text

เหตุการณ์

readyplayback_startedplayback_pausedplayback_endedseek_completedrate_changedplayer_error

การกระทำและอินพุตของมัน

PlayPauseToggleStopSeekSet speedSet volumeReload source

การตั้งค่าองค์ประกอบ · 11

source_urltext · ค่าเริ่มต้น: "": ค่าตัวอย่างhttps://bestplugins.online/native-samples/lesson.mp3; ตัวอย่าง Bubble expressionSelected Message's audio_url; ที่อยู่ของไฟล์เสียง วิดีโอ หรือรูปภาพที่เลือก ใช้ประเภทไฟล์ที่ปลั๊กอินนี้รองรับ

waveform_peaks_jsontext · ค่าเริ่มต้น: "": ค่าตัวอย่าง[0.1,0.4,0.2,0.7]; ตัวอย่าง Bubble expressionSelected Message's waveform_peaks_json; ค่าความดังแบบปกติจริงสำหรับการบันทึกนี้; เว้นว่างหากไม่มีข้อมูล

titletext · ค่าเริ่มต้น: "": ค่าตัวอย่างLesson 4 — review; ตัวอย่าง Bubble expressionSelected Lesson's name; ข้อความที่มองเห็นในแอป; เว้นว่างจะใช้ข้อความที่แปลไว้ในระบบเมื่อรองรับ ไม่ต้องใช้ข้อมูลประจำตัว

subtitletext · ค่าเริ่มต้น: "": ค่าตัวอย่างTeacher · today; ตัวอย่าง Bubble expressionSelected Message's sender_label; ข้อความที่มองเห็นในแอป; เว้นว่างจะใช้ข้อความที่แปลไว้ในระบบเมื่อรองรับ ไม่ต้องใช้ข้อมูลประจำตัว

playback_ratenumber · ค่าเริ่มต้น: 1: ค่าตัวอย่าง1.5; ตัวอย่าง Bubble expressionCurrent User's listening_speed; ใช้ค่าจากบันทึกธุรกิจปัจจุบัน; ตรวจสอบความถูกต้องเทียบกับขีดจำกัดด้านล่าง

volumenumber · ค่าเริ่มต้น: 1: ค่าตัวอย่าง0.8; ตัวอย่าง Bubble expressionVolume Slider's value; ใช้ค่าจากบันทึกธุรกิจปัจจุบัน; ตรวจสอบความถูกต้องเทียบกับขีดจำกัดด้านล่าง

loopyes_no · ค่าเริ่มต้น: false: ค่าตัวอย่างno; ตัวอย่าง Bubble expressionSelected Lesson's repeat_enabled; ใช้ค่าจากบันทึกธุรกิจปัจจุบัน; ตรวจสอบความถูกต้องเทียบกับขีดจำกัดด้านล่าง

is_activeyes_no · ค่าเริ่มต้น: true: ค่าตัวอย่างyes; ตัวอย่าง Bubble expressionGuideHost's view_is_active (your yes/no custom state); ตั้งค่าเป็นใช่ขณะมุมมองนี้เปิดอยู่ ตั้งค่าเป็นไม่เมื่อออกจากมุมมอง เพื่อให้การเล่นหรืองานปัจจุบันหยุด

disabledyes_no · ค่าเริ่มต้น: false: ค่าตัวอย่างno; ตัวอย่าง Bubble expressionGuideHost's is_busy (your yes/no custom state); ปิดการใช้งานองค์ประกอบขณะแอปของคุณกำลังทำงานหรือการกระทำนี้ไม่พร้อมใช้งาน

ui_text_jsontext · ค่าเริ่มต้น: "": ค่าตัวอย่าง{}; ตัวอย่าง Bubble expressionApp Settings' player_labels_json (supported keys only); JSON ทางเลือกพร้อมปุ่มที่รองรับ เว้นว่างเพื่อใช้ข้อความในระบบ

languagetext · ค่าเริ่มต้น: "auto": ค่าตัวอย่างuk; ตัวอย่าง Bubble expressionCurrent User's preferred_language; ตั้งค่า language=auto ให้ตามอุปกรณ์หรือภาษาของเบราว์เซอร์ที่รองรับ ป้อนรหัสภาษาที่รองรับเพื่อเลือกอย่างชัดเจน

การกระทำและอินพุตของมัน · 8

Play

ไม่มีพารามิเตอร์การกระทำ

Pause

ไม่มีพารามิเตอร์การกระทำ

Toggle

ไม่มีพารามิเตอร์การกระทำ

Stop

ไม่มีพารามิเตอร์การกระทำ

Seek

secondsnumber · ค่าเริ่มต้น: —: ค่าตัวอย่าง12; ตัวอย่าง Bubble expressionSelected Comment's seconds; ใช้ค่าจากบันทึกธุรกิจปัจจุบัน; ตรวจสอบความถูกต้องเทียบกับขีดจำกัดด้านล่าง

Set speed

ratenumber · ค่าเริ่มต้น: —: ค่าตัวอย่าง1.5; ตัวอย่าง Bubble expressionSpeed Dropdown's value; ใช้ค่าจากบันทึกธุรกิจปัจจุบัน; ตรวจสอบความถูกต้องเทียบกับขีดจำกัดด้านล่าง

Set volume

volumenumber · ค่าเริ่มต้น: —: ค่าตัวอย่าง0.8; ตัวอย่าง Bubble expressionVolume Slider's value; ใช้ค่าจากบันทึกธุรกิจปัจจุบัน; ตรวจสอบความถูกต้องเทียบกับขีดจำกัดด้านล่าง

Reload source

ไม่มีพารามิเตอร์การกระทำ

สถานะและเหตุการณ์