Video Player ইন্টারফেস Sintel ট্রেলার থেকে একটি নমুনা ফ্রেমসহ।
© copyright Blender Foundation | durian.blender.org · CC BY 3.0

Xodera Plugins · Bubble Native

Xodera Video 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 = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; প্রতিটি অধ্যায় অ্যাপ-স্বত্বের শুরু সময় সংরক্ষণ করে।

অধ্যায় ক্লিক → যদি সোর্স পরিবর্তন হয়, `source_loaded` এর জন্য অপেক্ষা করুন → Seek করে `position_seconds`-এ যান → Play। বিস্তারিত ডেমোনস্ট্রেশনের জন্য Set playback rate ব্যবহার করুন এবং অনুরোধে Enter fullscreen ব্যবহার করুন।

`position_seconds`, `duration_seconds` এবং `is_fullscreen` পড়ুন; আপনার কর্মপ্রবাহ বর্তমান সোর্সের জন্যই পাঠের অগ্রগতি সংরক্ষণ করে।

`player_error`-এ, `error_code` দেখান, অগ্রগতি সংরক্ষণ করুন এবং Reload video প্রস্তাব করুন। একটি সম্পন্ন ইভেন্ট পাঠ বা সেফটি মূল্যায়ন পাস হয়েছে এর প্রমাণ নয়।

সরাসরি ভিডিও ফাইল বা সমর্থিত স্ট্রিম ব্যবহার করুন। এই প্লেয়ার ভিডিও এক্সপোর্ট করে না।

মার্কেটপ্লেস তালিকায় ভিডিও ডেমোনস্ট্রেশন

একটি পণ্যের ছবি একা আইটেমের কাজের পদ্ধতি ব্যাখ্যা করতে পারে না, তবে অফ-সাইট ভিডিও ক্রয় প্রবাহকে ব্যাহত করে।

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` ইচ্ছাকৃতভাবে নীরব প্রথম প্রিভিউয়ের জন্য।

নির্বাচিত লিস্টিং খুলুন → তার ভিডিও বেঁধে দিন → ব্যবহারকারীর ক্রিয়ার পরে Play। শব্দের জন্য Set muted এবং কাছাকাছি পর্যালোচনার জন্য Enter fullscreen প্রস্তাব করুন। দৃশ্যমান বিশদে `is_active` বেঁধে দিন।

অনুপস্থিত ভিডিও, লোডিং এবং প্রস্তুত মিডিয়া পার্থক্য করতে `has_source`, `is_buffering` এবং `status` ব্যবহার করুন।

সোর্স প্রতিস্থাপনের সময়, পুরনো অগ্রগতি এবং ট্র্যাক নির্বাচন প্রয়োগ বন্ধ করুন। নির্বাচিত ফাইল সমর্থিত না হলে থাম্বনেইল ফallback দেখান।

সমর্থিত স্ট্রিমে উপলব্ধ ভাষা ট্র্যাকগুলি নির্বাচন করুন

একটি বহুভাষিক অ্যাপকে অবশ্যই নির্দিষ্ট উৎসে প্রকৃতপক্ষে থাকা ট্র্যাকগুলি অফার করতে হবে।

`source_url = Selected Programme’s accepted stream URL`; উৎসটি অবশ্যই সামঞ্জস্যপূর্ণ অডিও/সাবটাইটেল ট্র্যাক সরবরাহ করতে হবে।

`tracks_changed`-এ, বর্তমান `audio_tracks_json` এবং `subtitle_tracks_json` পড়ুন; আপনার অ্যাপে বিকল্পগুলি তৈরি করুন এবং বর্তমান সূচকের সঙ্গে Select audio track অথবা Select subtitle track কল করুন।

`selected_audio_index`, `selected_subtitle_index` এবং `source_generation` ব্যবহার করে পছন্দটি এই উৎসের সঙ্গে যুক্ত করুন।

প্রতিটি উৎস পরিবর্তনের পরে বিকল্পগুলি পুনর্নির্মাণ করুন। যদি কোনো ট্র্যাক অনুপস্থিত বা অসমর্থিত হয়, ডিফল্ট ট্র্যাক রাখুন এবং উপলব্ধতা সৎভাবে দেখান।

এখন কী কাজ করে

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 Lesson's video_url এবং poster_url = Selected Lesson's poster_url সেট করুন। MP4 এর জন্য auto অথবা progressive ব্যবহার করুন; একটি HLS স্ট্রিমের জন্য hls ব্যবহার করুন।
playback_ready এর পরে, সংরক্ষিত position_seconds-এ পুনরায় শুরু করতে Seek ব্যবহার করুন। ব্যবহারকারী Play শুরু করে। পাঠের ভিউ খোলা আছে কিনা তা নির্ধারণ করতে is_active সেট করুন।
Play, Pause, Seek, Set playback rate এবং Enter fullscreen কন্ট্রোল যোগ করুন। position_seconds এবং duration_seconds প্রদর্শন করুন।
tracks_changed এর পরে, এই ভিডিওর জন্য উপলব্ধ audio_tracks_json এবং subtitle_tracks_json বিকল্পগুলি দেখান। নির্বাচিত সূচকটি Select audio track অথবা Select subtitle track-এ পাঠান। ended ইভেন্ট ঘটলে, অগ্রগতি সংরক্ষণ করুন।

ওয়ার্কফ্লো ডায়াগ্রাম — অ্যাপ স্ক্রিনশট নয়

একবার কনফিগার করুন

Bubble অ্যাপ প্রকল্প তৈরি করুন বা নির্বাচন করুন BestPlugins → Dashboard → Plugins-এ। Xodera Video Player Native নির্বাচন করুন, তার কী কপি করুন, তারপর Bubble → Plugins → Xodera Video Player Native খুলে licensing_api_key-এ পেস্ট করুন। একবার সেভ করুন; তারপর নিচের অ্যাকশনগুলি ব্যবহার করুন। প্রতিটি প্রকল্পের প্রতিটি প্লাগইনের নিজস্ব কী থাকে।

একটি সরাসরি ভিডিও বা স্ট্রিম ঠিকানা ব্যবহার করুন। YouTube বা Vimeo ওয়েব-পেজ ঠিকানা সরাসরি ভিডিও ফাইল নয়। প্লেব্যাকের জন্য ক্যামেরা বা মাইক্রোফোন অ্যাক্সেস প্রয়োজন নেই।

একবার কনফিগার করুন

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.

ফলাফলটি আপনার অ্যাপে সংরক্ষণ করুন

উদাহরণ WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds। শুধুমাত্র বর্তমানে নির্বাচিত ভিডিওর জন্য সংরক্ষণ করুন। ট্র্যাক ইনডেক্সগুলি সেই ভিডিওর এবং স্থায়ী ভাষা পছন্দ হিসেবে সংরক্ষণ করা উচিত নয়।

ব্যর্থতা, বাতিল এবং পুনরুদ্ধার

player_error-এ, error_code দেখান এবং Reload video প্রস্তাব করুন। এটি প্লেব্যাক শুরু না করে রিলোড হয়। অন্য একটি সোর্স বাছাই করলে পুরনো ট্র্যাক পছন্দগুলি মুছে যায়। ভিউ ত্যাগ করলে ভিডিও পজ হয়; ব্যবহারকারী চালিয়ে যেতে Play চাপেন।

ক্ষমতা এবং সীমা

গতি: 0.5, 1, 1.5 এবং 2। ভলিউম: 0–1। ফরম্যাট: auto, progressive, HLS এবং Android-মাত্র DASH। উপলব্ধ ট্র্যাক ফাইলের উপর নির্ভরশীল। ট্র্যাক বন্ধ করতে -1 ব্যবহার করুন; -2 অজানা এবং নির্বাচন করা যায় না। কোনো এডিটিং, ভিডিও এক্সপোর্ট, DRM, পিকচার-ইন-পিকচার বা স্থায়ী অফলাইন ক্যাশ নেই।

সেটিংস, অ্যাকশন এবং ফলাফল

এই নামগুলি Bubble-এ ব্যবহার করুন। পরিকল্পিত বৈশিষ্ট্যগুলি আলাদাভাবে চিহ্নিত করা হয়েছে।

উপলব্ধ বিটা সেটিংস

এলিমেন্ট সেটিংস

source_url · textposter_url · textcontent_type · textrate · numbervolume · numbermuted · yes/noloop · yes/nois_active · yes/nodisabled · yes/nonative_controls · yes/noui_text_json · textlanguage · text

অবস্থা

is_playing · yes/nois_buffering · yes/nopending_play · yes/nois_live · yes/nomuted · yes/noloop · yes/nohas_source · yes/nois_fullscreen · yes/noposition_seconds · numberduration_seconds · numbervolume · numberrate · numbersource_generation · numberselected_audio_index · numberselected_subtitle_index · numberstatus · textaudio_tracks_json · textsubtitle_tracks_json · texterror_code · texterror_message · text

ইভেন্টস

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

অ্যাকশন এবং তাদের ইনপুট

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track

এলিমেন্ট সেটিংস · 12

source_urltext · ডিফল্ট: "": উদাহরণ মানhttps://bestplugins.online/native-samples/lesson.mp4; উদাহরণ Bubble অভিব্যক্তিSelected Lesson's video_url; বাছাই করা অডিও, ভিডিও বা ইমেজ ফাইলের ঠিকানা। এই প্লাগইন যে ফাইল টাইপ সমর্থন করে তা ব্যবহার করুন।

poster_urltext · ডিফল্ট: "": উদাহরণ মানhttps://bestplugins.online/native-samples/poster.jpg; উদাহরণ Bubble অভিব্যক্তিSelected Lesson's poster_url; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

content_typetext · ডিফল্ট: "auto": উদাহরণ মানauto; উদাহরণ Bubble অভিব্যক্তিSelected Lesson's video_content_type; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

ratenumber · ডিফল্ট: 1: উদাহরণ মান1.5; উদাহরণ Bubble অভিব্যক্তিSpeed Dropdown's value; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

volumenumber · ডিফল্ট: 1: উদাহরণ মান0.8; উদাহরণ Bubble অভিব্যক্তিVolume Slider's value; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

mutedyes/no · ডিফল্ট: false: উদাহরণ মানno; উদাহরণ Bubble অভিব্যক্তিMute Checkbox is checked; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

loopyes/no · ডিফল্ট: false: উদাহরণ মানno; উদাহরণ Bubble অভিব্যক্তিSelected Lesson's repeat_enabled; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

is_activeyes/no · ডিফল্ট: true: উদাহরণ মানyes; উদাহরণ Bubble অভিব্যক্তিGuideHost's view_is_active (your yes/no custom state); এই ভিউ খোলা থাকলে হ্যাঁ সেট করুন। বেরিয়ে গেলে না সেট করুন, যাতে প্লেব্যাক বা বর্তমান কাজ থামতে পারে।

disabledyes/no · ডিফল্ট: false: উদাহরণ মানno; উদাহরণ Bubble অভিব্যক্তিGuideHost's is_busy (your yes/no custom state); আপনার অ্যাপ ব্যস্ত থাকলে বা এই ক্রিয়া উপলব্ধ না থাকলে উপাদানটি নিষ্ক্রিয় করুন।

native_controlsyes/no · ডিফল্ট: false: উদাহরণ মানno; উদাহরণ Bubble অভিব্যক্তিApp Settings' use_native_video_controls; ডিভাইসের স্ট্যান্ডার্ড ভিডিও কন্ট্রোলগুলি দেখান বা লুকান।

ui_text_jsontext · ডিফল্ট: "{}": উদাহরণ মান{}; উদাহরণ Bubble অভিব্যক্তিApp Settings' player_labels_json (supported keys only); সমর্থিত বাটন লেবেলসহ ঐচ্ছিক JSON। বিল্ট-ইন টেক্সট ব্যবহার করতে ফাঁকা রাখুন।

languagetext · ডিফল্ট: "auto": উদাহরণ মানuk; উদাহরণ Bubble অভিব্যক্তিCurrent User's preferred_language; সমর্থিত ডিভাইস বা ব্রাউজার ভাষা অনুসরণ করতে language=auto সেট করুন। স্পষ্টভাবে বাছাই করতে সমর্থিত ভাষা কোড লিখুন।

অ্যাকশন এবং তাদের ইনপুট · 11

Play

কোনো কার্য প্যারামিটার নেই

Pause

কোনো কার্য প্যারামিটার নেই

Stop and rewind

কোনো কার্য প্যারামিটার নেই

Reload video

কোনো কার্য প্যারামিটার নেই

Seek

position_secondsnumber · ডিফল্ট: —: উদাহরণ মান45; উদাহরণ Bubble অভিব্যক্তিSelected Chapter's start_seconds; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

Set volume

volumenumber · ডিফল্ট: —: উদাহরণ মান0.8; উদাহরণ Bubble অভিব্যক্তিVolume Slider's value; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

Set muted

mutedyes/no · ডিফল্ট: —: উদাহরণ মানno; উদাহরণ Bubble অভিব্যক্তিMute Checkbox is checked; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

Set playback rate

ratenumber · ডিফল্ট: —: উদাহরণ মান1.5; উদাহরণ Bubble অভিব্যক্তিSpeed Dropdown's value; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

Enter fullscreen

কোনো কার্য প্যারামিটার নেই

Select audio track

indexnumber · ডিফল্ট: —: উদাহরণ মান0; উদাহরণ Bubble অভিব্যক্তিSelected row's current_source_index; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

Select subtitle track

indexnumber · ডিফল্ট: —: উদাহরণ মান0; উদাহরণ Bubble অভিব্যক্তিSelected row's current_source_index; বর্তমান ব্যবসায়িক রেকর্ডের মান ব্যবহার করুন; নিচের সীমার বিরুদ্ধে তা যাচাই করুন।

স্টেট এবং ইভেন্ট