تنزيل spoken word - تنزيل رمز مصدر spoken word

spoken word

كود الذكاء الاصطناعي

1.0.1

تنزيل

الكلمة المنطوقة

لافتة أضف نصًا إلى كلام (TTS) للمحتوى ، مع عناصر تحكم التشغيل ، وتمييز القراءة ، والدعم متعدد اللغات ، والإعدادات للمعدل والملعب والصوت.

المساهمون: Westonruter
العلامات: TTS ، والتكوين الكلام ، والنص إلى الكلام ، والصوت ، والصوت ، والقراءة على الإطلاق
يتطلب على الأقل: 4.7
تم اختبار ما يصل إلى: 4.9
علامة مستقرة: 1.0.1
الترخيص: معهد ماساتشوستس للتكنولوجيا
يتطلب PHP: 5.4

وصف

أضف نصًا إلى كلام (TTS) للمحتوى ، مع عناصر تحكم التشغيل ، وتمييز القراءة ، والدعم متعدد اللغات ، والإعدادات للمعدل والملعب والصوت.

يستخدم محرك النص إلى الكلام المحلي في متصفح المستخدم. واجهات مباشرة مع API متصفح speechSynthesis . صفر الطلبات الخارجية أو التبعيات.
يتم تحديد الكلمات/تمييزها حيث يتم التحدث بها للسماح لك بالقراءة.
تتخطى عناصر التحدث التي لا ينبغي قراءتها ، بما في ذلك الحاشية السفلية (العنصر sup ).
التوقفات ذات الطول المختلفة المضافة بين العناوين مقابل الفقرات.
تبقى الضوابط في عرض أثناء التشغيل ، مع كل نص حالي يتم التحدث به باستمرار يتم تمريره في الرؤية. (يتطلب دعم المتصفح position:sticky .)
تتيح لك عناصر التحكم في الخلف/الأمامية تخطي الفقرة التالية ؛ عند عدم التحدث ، سيتم تحديد الفقرة التالية التي تقرأها بالكامل.
حدد نصًا للقراءة من تلك النقطة ؛ انقر على النص أثناء الكلام لتغيير الموقف على الفور.
الدعم متعدد اللغات ، مما يسمح للنص المضمّن باستخدام سمة [lang] أن يتحدث عن طريق الصوت المناسب (على افتراض أن المستخدم قد تم تثبيته).
إعدادات لتغيير الصوت الافتراضي (لكل لغة) ، جنبا إلى جنب مع إعدادات لمعدل الكلام وملعبه. (غير مدعوم من جميع المحركات.) يمكن إجراء التغييرات أثناء التحدث.
ضرب الهروب للتوقف أثناء التشغيل.
يتم تخزين التفضيلات الصوتية باستمرار في localStorage ، مع تغييرات متزامنة عبر Windows (من موقع معين).
القدرة على استخدام JS بطريقة قائمة بذاتها (كما هو الحال في Bookmarklet).
المعروف بالعمل في أحدث إصدارات سطح المكتب من Chrome و Firefox و Safari. (تم اختباره على OSX.) لا يعمل بشكل موثوق في متصفحات الهاتف المحمول/اللمس على Android أو iOS ، ويرجع ذلك على حد سواء إلى كل من واجهة برمجة speechSynthesis (التي لا تزال) لا يتم تنفيذها بشكل جيد بما فيه الكفاية على تلك الأنظمة و/أو اختيار النطاق البرنامجي لا يعمل بنفس الطريقة على سطح المكتب. لهذه الأسباب ، يتم تعطيل الوظيفة افتراضيًا على أنظمة تشغيل الأجهزة المحمولة.

جربه على مثال مستقل مع بعض محتوى الاختبار.

تكوين موضوع

يتم تقديم إعدادات Word المنطوقة في عنصر dialog HTML5. بالنسبة للمتصفحات التي لا تدعم هذه الميزة بعد ، يقوم المكون الإضافي بتجميع الحوار بوليفيل. يتم تضمين polyfill فقط إذا تم اكتشافه ، فإن المتصفح لا يدعم dialog أصليًا. يمكن تعطيل إدراج polyfill عن طريق إضافة ما يلي إلى السمة أو المكون الإضافي الخاص بك:

 add_filter ( ' spoken_word_include_dialog_polyfill ' , ' __return_false ' );

بالنسبة للموضوعات التي لها رأس لزج (مثل قائمة NAV في سبعة وعشرين عشر) ، قد تحتاج إلى إضافة بعض CSS إضافية للتأكد من عدم إخفاء عناصر التحكم في التشغيل اللزجة خلف الرأس اللزج. على سبيل المثال في سبعة وعشرون ، يمكنك إضافة ما يلي إلى CSS المخصص في المخصص:

 @media screen and ( min-width : 782 px ) {
	body : not (. admin-bar ) . spoken-word--active {
		top : calc ( 0.5 em + 70 px );
	}
	body . admin-bar . spoken-word--active {
		top : calc ( 0.5 em + 32 px + 70 px );
	}
}

الداخلية

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

 ( ( ) => {
	const link = document . createElement ( 'link' ) ;
	link . rel = 'stylesheet' ;
	link . href = 'https://unpkg.com/spoken-word/css/style.css' ;
	document . head . appendChild ( link ) ;

	const script = document . createElement ( 'script' ) ;
	script . src = 'https://unpkg.com/spoken-word/dist/spoken-word.js' ;
	script . addEventListener ( 'load' , ( ) => {
		spokenWord . initialize ( {
			contentSelector : [ /* ? Amend as desired. */
				'.hentry' ,
				'.entry-content' ,
				'.h-entry' ,
				'.e-content' ,
				'[itemprop="articleBody"]' ,
			] . join ( ', ' )
		} ) ;
	} ) ;
	document . head . appendChild ( script ) ;
} ) ( ) ;

تأخذ وظيفة spokenWord.initialize() كائنًا كوسيطة يمكن أن يكون لها الخصائص التالية:

 * param {String} ContentSelector - CSS Selector للعثور على عناصر التحدث.
 * param {element} rootelement - عنصر الجذر الذي يبحث عن المحتوى.
 * param {object} chunkifyOptions - تم تمرير الخيارات في chunkify.
 * param {boolean} edeashicons - ما إذا كان يجب استخدام dashicons.
 * param {object} defaultutteranceOptions - خيارات الكلام الافتراضية عندما لا يتم توفير أي منها من LocalStorage.

يتم تقديم الحوار وعناصر التحكم باستخدام PREACT. للحصول على قائمة بجميع الوحدات التي تستخدمها هذا البرنامج المساعد ، راجع الحزمة.

تم تطوير هذا البرنامج المساعد على github حيث يمكن عرض المصدر. الرجاء الإبلاغ عن المشكلات هناك. سحب طلبات الترحيب. يتم نشر حزمة spoken-word أيضًا على NPM.