انطلاقًا من حاجتي لتضمين بعض الآيات القرآنية عند كتابة تدوينات في المواقع، قمت بتطوير أداة بسيطة باسم قَبَس. توفر الأداة إمكانية إنشاء ويدجت يتضمن آيات قرآنية مع مشغل صوتي للاستماع إليها، ثم تعطي كود تضمين يمكن إضافته في أي موقع لعرض الآيات بشكل جميل.
كيفية استخدام الأداة
استخدام الأداة سهل، حيث تحدد أولًا السورة ونطاق الآيات التي تريد أن يتضمنها القسم، ثم تختار القارئ، وتضبط بعد ذلك خيارات التخصيص كالألوان والأبعاد، وبعد ذلك تنسخ كود التضمين بالنقر عليه.
ثم تضع الكود في المكان الذي تريد أن يظهر فيه القسم في تدوينتك، وإذا كنت تستخدم نظام إدارة محتوى مثل ووردبريس، فيمكنك أن تستخدم المكون المخصص لإضافة كود HTML لكي يظهر القسم.
نظرة تقنية على الأداة
بنيت الأداة بالكامل باستخدام التقنيات الأساسية JavaScript و CSS و HTML دون الاعتماد على أطر عمل ثقيلة، ما يضمن خفة الكود وسرعة التحميل.
وبخصوص المحتوى القرآني، فإن الأداة تعتمد على واجهة Al Quran Cloud API لجلب النص القرآني والملفات الصوتية، وبيانات مزامنة التلاوة مع النص.
كما استخدمت أيضًا متغيرات CSS للسماح بالتخصيص المباشر للألوان من خلال الواجهة.
روابط المشروع
لتجربة الأداة والاستخدام المباشر:
https://alinice1998.github.io/qabas/
ويمكن المساهمة في تطويرها من خلال المستودع المفتوح المصدر على GitHub:
https://github.com/alinice1998/qabas
وأود أن أسمع آراءكم، ما هي الميزات الإضافية التي ترون أنها ستجعل الأداة أكثر فائدة لأصحاب المواقع والمدونين؟
وإذا أردنا تقليل الاعتماد على API بشكل مستمر عند كل تحميل للصفحة، فكيف يمكننا تنفيذ هذا الأمر للملفات الصوتية؟ حيث أن ذلك ممكن بسهولة للنص القرآني، لكنه صعب أو غير ممكن في تطبيقات الواجهة الأمامية للملفات الصوتية، فهل لديكم أفكار؟
