مشاركة عبر

عناصر تحكم الصوت والفيديو في Power Apps

  • مقالة

عنصر تحكم يقوم بتشغيل ملف صوتي أو ملف فيديو أو فيديو على YouTube.

‏‏الوصف

يقوم عنصر تحكم الصوت بتشغيل مقطع صوتي من ملف، أو تسجيل من عنصر تحكم الميكروفون أو المسار الصوتي من ملف فيديو.

يقوم عنصر تحكم الفيديو بتشغيل مقطع فيديو من ملف أو من YouTube أو خدمات وسائط Azure‬. بإمكان التسميات التوضيحية المغلقة أن تظهر بشكل اختياري عند تحديدها.

ملاحظة

قد لا تتوفر التسميات التوضيحية المغلقة من مقاطع فيديو معينة مستضافة على Azure Media Services.

الخصائص الرئيسية

Loop – ما إذا كان مقطع الصوت أو مقطع الفيديو يبدأ تلقائيًا بمجرد انتهاء تشغليه.

Media – معرف المقطع الذي يقوم عنصر تحكم الصوت أو الفيديو بتشغيله.

ShowControls – ما إذا كان مشغل الصوت أو الفيديو يعرض، على سبيل المثال، زر تشغيل وشريط تمرير مستوى الصوت، وما إذا كان عنصر تحكم القلم يعرض، على سبيل المثال، أيقونات للرسم والمحو والمسح.

خصائص إضافية

AccessibleLabel – تسمية لقارئات الشاشة. يجب أن يكون الفيديو أو المقطع الصوتي.

AutoPause – ما إذا كان مقطع الصوت أو الفيديو يتوقف مؤقتًا بشكل تلقائي إذا انتقل المستخدم إلى شاشة مختلفة.

AutoStart – ما إذا كان عنصر تحكم الصوت أو الفيديو يبدأ تشغيل مقطع بشكل تلقائي عندما ينتقل المستخدم إلى الشاشة التي تحتوي على عنصر التحكم.

BorderColor – لون حد عنصر التحكم.

BorderStyle – ما إذا كان حد عنصر التحكم بتنسيق ثابت أو متقطع أو منقط أو بلا.

BorderThickness – سُمك حد عنصر التحكم.

ClosedCaptionsUrl – عنصر تحكم الفيديو فقط. عنوان URL لملف التسميات التوضيحية المغلقة بتنسيق WebVTT. يجب أن تكون عناوين URL للفيديو والتسميات التوضيحية HTTPS. يجب أن يكون الخادم الذي يستضيف ملفات الفيديو والتسميات التوضيحية ممكّنًا لاستخدام CORS.

DisplayMode – ما إذا كان عنصر التحكم يسمح بإدخال المستخدم (تحرير) أو يعرض البيانات فقط (عرض) أو معطّل (معطّل).

Fill – لون خلفية عنصر التحكم.

FocusedBorderColor – لون حد عنصر التحكم عندما يتم التركيز على حد عنصر التحكم.

FocusedBorderThickness – سماكة حد عنصر التحكم عندما يتم الترميز على عنصر التحكم.

Height – المسافة بين الحواف العليا والسفلى لعنصر التحكم.

الصورة – اسم الصورة التي تظهر في عنصر تحكم الصورة، أو الصوت، أو الميكروفون.

ImagePosition – موضع (تعبئة‏‎ أو ملاءمة‏‎ أو تمديد‏‎ أو تجانب‏‎ أو توسيط) صورة في شاشة أو في عنصر تحكم إذا لم تكن بنفس حجم الصورة.

OnEnd – إجراءات يتم تنفيذها عند انتهاء تشغيل مقطع صوت أو فيديو.

OnPause – إجراءات يتم تنفيذها عند إيقاف المستخدم مؤقتا للمقطع الذي يتم تشغيل عنصر تحكم في الصوت أو الفيديو.

OnStart – إجراءات يتم تنفيذها عند بدء المستخدم في التسجيل باستخدام عنصر تحكم الميكروفون.

Paused – صواب‏‎ إذا كان عنصر تحكم تشغيل الوسائط متوقف مؤقتًا في الوقت الحالي، أو خطأ بخلاف ذلك.

Reset – ما إذا كان عنصر التحكم يعود إلى قيمته الافتراضية.

Start – ما إذا كان مقطع الصوت أو مقطع الفيديو يعمل.

StartTime – الوقت بعد بدء مقطع صوت أو فيديو عند بدء تشغيل المقطع.

Time – الموضع الحالي لعنصر تحكم وسائط.

TabIndex – ترتيب التنقل بواسطة لوحة المفاتيح بالنسبة إلى عناصر التحكم الأخرى.

Tooltip - نص تفسيري يظهر عند تمرير المستخدم للماوس فوق عنصر تحكم.

Visible – ما إذا كان عنصر التحكم ظاهرًا أم مخفيًا.‬

Width – المسافة بين الحواف اليمنى واليسرى لعنصر التحكم.

X – المسافة بين الحافة اليسرى لعنصر التحكم والحافة اليسرى لحاويته الأصلية (الشاشة في حالة عدم وجود حاوية أصلية).

Y – المسافة بين الحافة العلوية لعنصر التحكم والحافة العلوية لحاويته الأصلية (الشاشة في حالة عدم وجود حاوية أصلية).

First( TableName )

الأمثلة

تشغيل ملف صوت أو فيديو

  1. في قائمة ملف، انقر أو اضغط على Media، أو انقر أو اضغط على مقاطع الفيديو أو الصوت، ثم انقر أو اضغط على استعراض.

  2. استعرض وصولاً إلى الملف الذي تريد استخدامه، وانقر أو اضغط عليه، ثم انقر أو اضغط على فتح.

  3. اضغط على Esc للرجوع إلى مساحة العمل الافتراضية، وأضف عنصر تحكم الصوت أو الفيديو، وقم بتعيين خاصية Media إلى الملف الذي أضفته.

    لا تعرف كيفية إضافة عنصر تحكم وتكوينه؟

  4. اضغط على المفتاح F5، ثم قم بتشغيل المقطع بالنقر أو الضغط على زر التشغيل لعنصر التحكم الذي أضفته.

    تلميح

    يظهر زر التشغيل لعنصر تحكم الفيديو عند تمرير الماوس فوق عنصر التحكم.

  5. اضغط على Esc للعودة إلى مساحة العمل الافتراضية.

تشغيل مقطع فيديو YouTube

  1. أضف عنصر تحكم الفيديو وقم بتعيين خاصية Media إلى عنوان URL لفيديو YouTube، المضمن بين علامات اقتباس مزدوجة.
  2. اضغط على المفتاح F5، ثم قم بتشغيل المقطع بالنقر أو الضغط على زر التشغيل لعنصر تحكم الفيديو.
  3. اضغط على Esc للعودة إلى مساحة العمل الافتراضية.

تشغيل فيديو من خدمات وسائط Azure

  1. بعد نشر مقاطع الفيديو على AMS، انسخ عنوان URL للبيان. ابدأ نقطة نهاية الدفق لخدمتك، إذا لم تكن قد بداتها بعد.
  2. أضف عنصر تحكم الفيديو وقم بتعيين خاصية Media إلى عنوان URL لفيديو AMS، المضمن بين علامات اقتباس مزدوجة.
  3. اضغط على المفتاح F5، ثم قم بتشغيل المقطع بالنقر أو الضغط على زر التشغيل لعنصر تحكم الفيديو.
  4. اضغط على Esc للعودة إلى مساحة العمل الافتراضية.

إرشادات إمكانية الوصول

بدائل الصوت والفيديو

  • يجب ان تكون قيمة ShowControls صواب لتمكين المستخدمين من الاستماع إلى الوسائط المتعددة أو مشاهدتها وفق وتيرتهم الخاصة. كما يتيح ذلك للمستخدمين إمكانية تبديل التسميات التوضيحية المغلقة ووضع ملء الشاشة في مشغلات الفيديو.
  • يجب توفير التسميات التوضيحية المغلقة لملفات الفيديو.
    • بالنسبة إلى مقاطع فيديو YouTube، استخدم أدوات التأليف التي يوفرها YouTube لإضافة تسميات توضيحية.
    • بالنسبة إلى مقاطع الفيديو الأخرى، أنشئ تسميات توضيحية بتنسيق WebVTT، وقم بتحميله، ثم تعيين ClosedCaptionsUrl إلى موقع URL. هناك عدة قيود. يجب أن يكون الخادم الذي يستضيف ملفات الفيديو والتسميات التوضيحية ممكّنًا لاستخدام CORS وأن يوفر لها الخدمات باستخدام بروتوكول HTTPS.
  • يمكنك توفير نص صوت أو فيديو باستخدام أحد الأساليب التالية:
    1. ضع النص في التسمية وضعه بجوار مشغل الوسائط المتعددة. بشكل اختياري، أنشئ الزر لتبديل عرض النص.
    2. ضع النص في شاشة مختلفة. أنشئ الزر ينتقل إلى الشاشة وضع الزر بجوار مشغل الوسائط المتعددة.
    3. إذا كان الوصف قصيرًا، فيمكن وضعه في AccessibleLabel.

تباين الألوان

يجب أن يكون تباين الألوان ملائمًا بين:

  • FocusedBorderColor واللون الخارجي
  • الصورة وعناصر تحكم مشغل الوسائط المتعددة (إن أمكن)
  • Fill وعناصر تحكم مشغل الوسائط المتعددة (إذا كانت التعبئة مرئية)‬

قدم تسميات توضيحيه مغلقه و/أو نصًا عند وجود مشاكل في تباين الألوان في محتوى الفيديو.

دعم قارئ الشاشة

دعم لوحة المفاتيح

  • يجب أن تكون قيمة الخاصية TabIndex صفرية أو أكبر كي يتمكن مستخدمو لوحة المفاتيح من الانتقال إليها.
  • يجب أن تكون مؤشرات التركيز مرئية بوضوح. استخدم FocusedBorderColor و**FocusedBorderThickness** لتحقيق ذلك.
  • يجب أن تكون قيمة AutoStart خطأ لأنه سيكون من الصعب على مستخدمي لوحة المفاتيح إيقاف التشغيل بسرعة.