تشغيل الوسائط مع PWA: هل يستمر التشغيل عند قفل الهاتف؟

لقد لاحظت أن ملفات الصوت والفيديو لا تعمل إذا انتقل الهاتف إلى شاشة القفل أو إذا كان الموقع في الخلفية، في حال كان المستخدم يصل إلى المنتدى عبر إعداد تطبيق الويب التقدمي (PWA) (بعد تنزيله إلى الشاشة الرئيسية).

هل هناك طريقة لتغيير ذلك لتمكين التشغيل على شاشة القفل أو في الخلفية عند الوصول عبر تطبيق الويب التقدمي؟


إليك ما يثير دهشتي: عند الوصول إلى المنتدى مباشرة من الويب، يمكن تشغيل الصوت والفيديو حتى عندما يكون الهاتف مقفلاً وعندما ينتقل الموقع إلى الخلفية. المشكلة الرئيسية تظهر عند استخدام تطبيق الويب التقدمي.

ألاحظ هذا السلوك على أجهزة iPhone.


تفاصيل إضافية

عندما يكون المستخدم على هاتفه، أتمنى أن يستمر تشغيل ملفات الصوت والوسائط حتى عندما يُقفل الهاتف أو عندما يكون الموقع في الخلفية.

على نظام iOS، أجد أن السلوك الأساسي مقبول في كلتا الحالتين إذا كان المستخدم يصل إلى الموقع من الويب على الهاتف المحمول:

– بالنسبة لملفات الصوت (مثل mp3 وغيرها)، يستمر الملف في التشغيل حتى عندما يكون الهاتف مقفلاً وعندما ينتقل الموقع إلى الخلفية. هذا مثالي.

– بالنسبة لملفات الفيديو (مثل mp4 وغيرها)، يتوقف الملف عن التشغيل عندما يكون الهاتف مقفلاً أو عندما ينتقل الموقع إلى الخلفية. ومع ذلك، يوجد زر تشغيل يمكن للمستخدمين الضغط عليه على شاشة القفل لإعادة التشغيل، ويمكن للمستخدمين إعادة تشغيل الفيديو عندما يكون الموقع في الخلفية من خلال فتح مركز التحكم والضغط على زر التشغيل.

ومع ذلك، إذا كان المستخدم يصل إلى الموقع عبر تطبيق الويب التقدمي، فلا يعمل أي من الأمرين. عندما يُقفل الهاتف أو ينتقل الموقع إلى الخلفية، يتوقف جميع التشغيل، ولا توجد خيار لإعادة التشغيل (إلا بعد إلغاء القفل والدخول إلى الموقع مرة أخرى).

إعجابَين (2)

هذا للملفات المُحمَّلة محليًا، أليس كذلك؟ وليس للمحتوى المضمَّن مثل مقاطع فيديو يوتيوب؟

إعجاب واحد (1)

لقد رأيت بالفعل نفس السلوك لكل من الملفات المُحمَّلة محليًا والدمجات. تركيزي الحالي هو على الدمجات.

إعجاب واحد (1)

حسناً، لنقم بإضافة فيديو من يوتيوب للاختبار:

إعجاب واحد (1)

يبدو أن فيديو يوتيوب يتصرف بنفس الطريقة على Safari للهاتف المحمول وعلى تطبيق الويب التقدمي (PWA) — فلا يمكنك تشغيله في الخلفية أو على شاشة القفل. قد يكون ذلك لأن يوتيوب فريد من نوعه (فهي تمنع التشغيل في الخلفية ما لم تشترك في خدمة YouTube Premium، على سبيل المثال، وقد يكون لذلك تأثير هنا).

إليك بعض الأمثلة الأخرى:

تضمين Vimeo:
https://vimeo.com/175708185

وتضمين ملف صوتي:


أجد أن كلا الملفين يعملان كما وصفت على آيفون:
–عند الوصول عبر Safari للهاتف المحمول، يمكنك تشغيل كليهما في الخلفية وعلى شاشة القفل (الاختلاف الوحيد هو أن الفيديو يتوقف عن التشغيل عندما يتغير حالة الهاتف إلى القفل أو الخلفية، وعليك النقر على التشغيل مرة أخرى).

–أما عند الوصول عبر تطبيق الويب التقدمي (PWA)، فلا يعمل أي منهما في الخلفية أو على شاشة القفل (لا توجد خيار تشغيل إضافي في أي من الحالتين بمجرد انتقال التطبيق إلى الخلفية أو قفل الهاتف).

إعجابَين (2)

فقط للتأكد من أننا على نفس الصفحة، أنت تتحدث عن سلوك iOS، أليس كذلك؟

إعجابَين (2)

نعم. لدي آيفون فقط للاختبار. لا يمكنني التعليق على الأندرويد. (وكل هذه المضمّنات—سواء الفيديو أو الصوت—تعمل بشكل جيد في الخلفية على متصفح كروم لسفاري لنظام ماك، وكذلك على تطبيق الويب التقدمي (PWA) على سطح المكتب. المشكلة هنا هي على الأجهزة المحمولة، وفي حالتي آيفون.)

إعجابَين (2)

هل توجد طريقة لجعل الوسائط المرئية والمسموعة في تطبيق الويب التقدمي (PWA) تستمر في التشغيل في الخلفية أو على شاشة القفل على iPhone كما يحدث في المتصفح المحمول؟

إعجاب واحد (1)

لا، لأن نظام iOS لا يدعم ذلك للتطبيقات التقدمية (PWAs).

4 إعجابات

من المريح سماع ذلك. شكرًا لك على المعلومات.

أعتقد أنه تم إصلاح هذا في نظام iOS 15؟ هل هناك أي تحديثات؟

هذا يعمل على نظام أندرويد، سواء كان تطبيق ويب تقدمي أم لا.

في الواقع، يسمح تضمينه في صفحة ويب بتشغيل صوت مقاطع الفيديو أثناء قفل الشاشة، ولكن هذا لا يعمل في تطبيق يوتيوب.