Hagsten / Talkify

Javascript Text to speech library
209 stars 32 forks source link

How to import talkify in React Typescript #62

Closed DonGallage closed 2 years ago

DonGallage commented 2 years ago

I'm working on react nextjs project with Typescript, i'm trying to import talkify library to a component. But i'm getting an error saying "Cannot find module 'talkify-tts' or its corresponding type declarations." . My package.json shows that I have installed the package and the package is in the node modules folder therefore it is not a issue with installing.

i'm using version 3.9.1 Below is my typescript component

import { Box } from '@mui/system'
import React, { useEffect, useState } from 'react'
import talkify from 'talkify-tts'

interface audioProps{
    text:any;
}

const Audio = (props:audioProps) => {

    useEffect(() => {

        var player = new talkify.TtsPlayer(); //or new talkify.Html5Player()
        player.playText('Hello world');

    }, [])

    return (
    <Box>

    </Box>
    )
}

export default Audio
Hagsten commented 2 years ago

Talkify registers itself in the global scope, ie window. There is nothing exported from talkify-tts. But once imported you can use window.talkify...just add window before talkify in your code and you should be good to go 🙂

DonGallage commented 2 years ago

Also I used the following api to get audio for a text

https://talkify.net/api/speech/v1?text=Hello world&rate=3&format=mp3&voice=Microsoft Hazel Desktop&fallbackLanguage=English

Can I know how do I play response audio I get from talkify api call inside a <audio src='''></audio> tag, The data type I get as an response is unfamiliar and please clarify the process to get the following response to into a audio element

��X�\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000\u0000��X�\u0000\u0000\u0000\u0003H\u0000\u0000\u0000\u0000[�IcOze����,a\"¢0�\u0014\u000f�\u001e&?���\u0013���>l�\u001a��\u00199�������Zs\r�t�̟6�p�/���nnf���9ۛ�������##���p�wK�dF_��·���X�t?���dG�\u001f�򲰑ňy�啔q�:YL��YG\u001cJ��\u0000# �2d�p�k�lD!�\u001b;���\u0005����D��\u0015��Xħ\"{��\u0000BGU�\"�4�ދ��\u0007b���\f[����\u0006o�?�\\�f����@�o<%;!n\u0011O���B�&hU߮�C�BD\b�w�h\nQy<B�[�H�c��+�?��~#�=�v\u000bqe��\u0010\u0002H\u0012�g�p�\u0000�_\u000f�\bw�\u0005W_+͡�y�.%��ai\u001ac��Y�[5\u000e?\u0001BfL`a���]���r�Ƌz\u0002\u0016��A�H\u0006�����X��\u001e��\u0019kF\u0018\u0001������\u001a\u0014\u001a\u001c�hX\u0000#�[���X޹��Fǂ,\u0010`F�@�2������9o�⌊��\u0006\u0000�n\u0006�:�,�b�������w�|�ϲ����]W��\u0018a�A gk�*���\fH��c@�\u001e�\u001ee�9���Z���~ź��M��\u0014\u0018\b�@cE�1@\u000bV�\f`�iCp2Ų�(Wpֿ�\f���[�[��_On��X��F\f\u0016,ə�\u0000�?Yg����>D̡!\"�`2�\u0018\u000e\b�KO\u000f+b„\u0007\u000e\u001e�&Q�G\u0002\u0000*4��\u0012n���f9�R�E$Y\fv����vf\u0017)\u001b^Z2ʽQ�=����ն�H��!�\u000e��\u0016LU[�%x�.N9^<y\u0015V��_zG�dZ]�\u0019�VE˶<��\u001a����jc|�4Wo\\��-X�U�C��֨X�}T�]�λ�(\u0014��X�}B|\u0016�\u0001�x\u0000��\u000bs.�jD[ӭN�\u0016\u0004��y�\"\u0014BE�\b\u0001F\n�DJ�\u00117!j�ֲi\u0013�Ax$\u0007h\u000e���1ov֏`CX���P,���*�ry�V~�v��[\t�}\u0016��(/+�V�}���N���lG��\u001d��q��s�\u000f6�=�ª��Q��\u0006\u0006��\u000bl4\u0012\u000e\u0010U��\f���䜐\u0000\u0000���\t��%\u0006�\u0015$��\u0012m��_��X�\u001a'�걸IMm\u000fp�z)�}�y7l\\X��\u000f����B�\u0002C�\u0001\u0010eDv*�q��^�N�5\u0015j]L�'-4�@+�l�Ʒe���\u001a��Vţ�\u0018(�IF��dd\u0002\n\u0001\u00029(�G֚���\u0000�n�\u0001\t\"b5ch䋮��V�sQm�Qd���j����g�;of�Q*H\u0002\tn�\u001d*�w�\u0019,��\u0018�\u0013��0��7\u0018`�Z\u001c��\u001ex\u0019\u001e��X�\"+˺�����\u0002�\u0003�E\u001a�#;a��\n\u001a\u001f���:��%m\u0001㇏�{��J���?g��B�\r\u0011\u0018�~�v�gQe�\u0006F��\f\f�Q�����\b\u0004=[���[�\u001f�NhKn2��1\t�*���P�ng����5�\tSٽ�\u0011*'�f�?�m�-_��?���<�˰��\n&�z}1�o�Ձ\n���\u0011j�X�cي�x\u0010\u000f\u0017��\u0001\u0018Ն\u0004��X�\u0019*�v�����^c�Y�\u0010*Ŵ=Qp\u0010��A!g!��Ο[J(\u0010��(�N*V����ljv&�\"!&�D\u0017C��.�|�\u001d\u0007½\nC$qqOÞ���ee5UE&kB�����xv�1�b�\u001ek[�n�zzɰ\"\u0010�|��\u000eH#��]���k=;,��!�>4N�@�\u0010\u0019�}���C��\\�\f\u0015@\r\n+~EA~\u000f��\f����`/\u0001\u001aB����X�\u0014&C��\u0006zE�>\u0012\u0012�#�>C�F@\u0010\u0014��!�����;��m����,\b8m�\u000eܺ��T�F���>H����\b�\u0005�J��DF�G�0�Q\u0002���C��Ѐ�q%���'tV˳گ ���\u0004�w-Y���u\u0012\u0019@A�L��KK�V#r������3���(�i\u0010\u0013�0ʖ�魫ȁ�L�ۈX�$��)^.b­\u001b�(����f���X�\"\u001fk��.{\nگZ�\u000b{��6����4f�����\u001f\u0004i��~\u0013�\u001a�k5Y�\u0016�P�0|�aj#�[�\f�os*J#*:�\u001aUl���1�Br�]��ͷ������z\u0018�0T�!s&Í\u0012�M\u0018\fݕ�\u001e�/�a\bB��:7�H��t{!��i�d����3\r$V�6��c�ֲ�Q���X�T#\u0012*\u001d\u0010\u0013�\u0000�X��\f�ue�\\Ϻ���X�K$�ʸ6z\n�2�5(�C�\r\u0005\u0000�<=a�-�Y��+)Df\u001ea��t(��e�((tT{JvS���-I��v��J*.8�(�9D�����\u0011/mJ\u0017\u0000l\u0005�<�u��H��r$�1����\u000e���N�����h�(����r��\u000f�f�-��ݩ4JO&9.��������/���7\u0007vS�\u001a���i����E\u0016!H\tlkC���X�_!\t�T�\u0004����\u0004\u0000\u0004��\b\u0002`@@\u0006\u0007\u0015\u001c'�!�t�\u000f�4�?�Ƈا�~�U\u0006C����=\u0013V�0�\u0018}7z�ֵ\u001cOWM4���GY�H�Pz\u0000pn\u0017 UD�-�Ƴ�̿zB�Ͽ��r����þ�����}�3w����j�}�\u0006\u0019-\u0001�\bU�o-皽�&E[�xn\u000e\u0005\u0003��\u001c���7��\n�o\u0010�\u0007���`��Xā+����C�� �\u0018lF+&\u0004\t\u00008��\u001b��u���}\u0011�f�\u0004uD\r��o�\u0015\u0005\u00101��ͽ\u000fl��\u0000\f\u0006�\u0000.�m���}����d'��/_����:�\u0005�\b��\u001c_�aA\u000e\u0000��l\u0010P(��\u0006d{\u0001�M�V�)\u0018R\n�+E�\u000b9T���\u0004S�\u00018�J\r!�fR�a�d.\\\u0018�6��t�d<N�e:<�?�\"�\u0016�\u0010�K)���<c���X�y(�\u000e�^\b��i�\u000b�5c�f6��\u001b�^�ɖ+��)�s�\u0019�x��S��;�Z��f\u001b�!\ny������F��\u000e�Va \t��Q\u0011R�Y\fQS>�i����)C�s\u001a�6e\u0002�H$�(�+!\u0013����{��,YK[�\"�_Qqq\u0004\u000f\u0005!��tX��\u000b\u0007��=�\u0006�1\"kPx,*S\u001c�t��p�kK\r&�R�M\u000b\u000f�o����6m�W�f��X�} �ֿ\u0018(Q��\u0015\u0005m�p�+El��\u001dM�\"�'�\"�\n\r(?B؄vG�\u0005\u0005+ p�?\"��4����uw\u0018�|\u0019W\u0010\u001f͖�6����������эO�d ��m��|2$�D����֕��\u0010$�3H�!�R �\u000b>\"��i�v����\u001a��G?�JVό6��W�\u001aؤ�̡�dde��OrcXI����r�v��\"�VyOS�7����XĠ$\u0013F�P@ө���Q��ɁBH�\u001a5\u000f�|�#h@�F+]��[��4�찍�د`Q�n����&���+\u0019�\u000fQ���^h3�E�\u000b�#@���Ї�0�\u0010\u000e\u0011�\u000f�OS�\bY�\u000b�8F,ׂe�|�J�9�<z��^H��Ԟ��V��M\tX�P`\u0002����e��8x\u000e%:��%��^g����\t�k�Q�s�[�\u0015��Z��XĶ\"���Z�Ҟ�����-j�{3��VȾ���kh3�\n��)Wт�Ӣa��\u001b�?-���R8�\u00124��:2�YU�Fg���\u0012ͣQ\u0006\u001cj=�Z��ks�ן�K{\u0012�4��\u0013\u0018��S�w�@Ga�n��I\u0011;�ҪLAME3.99.5�������������������������������\u0004\u0015\"\u000eG$~<���G�\u0012\u0010�\u0007#f��X��%Z�~4x͈�29�\u0010���\u0013�hd-�\u001f��zH\"�rL��\u001a\rx�JM��w��0b\u0005Y�3*\u001cF\u0006\u0011\n�i`g_�@�\u0015\r1b���CJ���6�h��v��\nY\u0015RP<�\u00041\u0002�o4��6U\u001c� �O]Z�t�+��2��`��&d�)�NS���礭]ޱ�C$I�[B*\"\u0002��%\u001e\u0013(M��o�\u0002X�ЂM\fhPj�6��\u0015��Xĺ\u0018Y^e\u001e0S@5�Q�\u0018\u001e�M��\u001a�j�H�\u001e�$\u000e\"|4�:引(��@\u001a����ٚ\u001bt��;��D|U�v��\u0017wnϯ���񱓯����\u0013\nGAe�Y<�\u0006�p�\u001c'Q��D��d8�n���Y�_\n^k.�\u001d�5�a���y) ���\u0006g\u0018fW�,��L���ťd�\u0004�ԃ�\u001c���\\H�e5�lH��B\u0014�\u0011 \u0014p\t��X��)î0\u0014zLٍ���!�A\u001b�u!��;�w\u001c��7�2��\u001el֜ڂ=�69\r~�Fü��κ�w�#�cj�'|��6\u00132H�L\u001f%A)��q+M�������}mϳh�LAME3.99.5���������������������\u0004\u0017jG\u001cl\u001d8�d�ץ�|�8��\u0019\u0013�\u0016ex��\u0005\u0005V)V\u001cs8_\u0014�w �\u0011�\u0002D\u001c\u0000�8��X��+,\u0016$\nzL�&����\u0005�6B2\u0006�i�D`��\n\u0019�!\r�J\"�]PL2�T��\u0005c��e���o� s��\u0003�A2рмd�V�l%\u000e\u001f\u0001z�\u001e���f��\u0000C\bp‚��#\u0002F���,x)��s\u0016�\b@6�/\u001a\t\t\n\u0003Ph\u001e~k���\u0012�^�\u0000�7�>��HX# � �@Q�3���a�\u0001��\u001bga����\r><���X�� K2D�K\u0018\u0001\u0010]�\u0017@0�٠��^�A9R~�&�7�\u0018e\u001d*�\u001c\u0005@KF��|�Z��%�������t\f�ȷ8��\u0012ȊA\u001a\u0003�ݕ�b\u0012�3�������0b\u0015X�`d�\b�3�Ww԰�\u001d7�8�@�@A�I�\u001a�\u0013\u001a��T���������\u0015k�(u\u0000,������[K�@��J�0\u0004,lf��\u0011e�HyR�KP�\u001a\u0007����X��M�\u0016e���\u0000���?����%��e׹w������+E0�ڜ1�\u001e1\n\u0014UT��j\u001cEv��s���BE*U�\u0010��I�q$���\nf0��g�=P�\u0011�[��n;K�f\u0012���������}�;����\u0014g��u_��\u0016̳F�\t󜰷4m�v܇���Jr�mT:��T�-�j\u0003�\r�8v��⺟oi|G�\\�\u0016�h\u0010\u001b\u001c\u0016��X�n@\\\u0016�5�x\u0000Y��C\u00021>�Z/jܘw\u000e:-i��I�Bx�:\f��q�C!�r?���\u0001��1/�����#��>�\u0005�\u0017$22�\b�48n-G][�H���x�C��a��A=R\u000b\u0019la3���m�\u0005a�a�6Jo�\nff�d��e�{\u0018�\nbbI�\u0005i#Y5���֌E�\u001c�\u0011!�(N$Lddꄩ�(?א�Is\u001e\u001f~�Ju\\�\f��X�\u0013%\u001b:�\u0010z\f��0�Qy!2\rsZ�t�6FU��5�����Ht�}�\t����p�>��Af\u001c��9O�-��߶V�P�Ó\u0000��3����\n��=�\u0018\u0002��y�pd��*���O4�&�;y���ճ8G?򏝪��\u0012��\u001d�#�)!�� ^��\u001dsEd\u0014t�()\u0000�j\u0017)�\b�)nbR�2�{����\u000e|m:�\u0014���\u0002U�\n����X�%'���n�ʼ����\"9z��\u0006\u0016�6���\u001c�\u001a#DZՌ/�k��G;\t\u0004\u001b&q��?]1�\u0018X�Er@���ٙ`\u001az��3�����Q�\u0006\u0017`ҵ�5{���W\u001cQ�aҶ_����4�nT+y�I�‘\u0005�\u001e�P���b\u0002�>��9*\u000f\u000ee\n\bQ$���D[��VD`ŪH��B�4��7T�~�C\u0017[j���\u001d�+�����X�-%C��\u000e�\n�YdQ��<\u0012\u000ex$\u001eOK�(F\u001e�x�vIN����yX�M;\u001d\u0001�h�i��źލ]ec�1XHLM\fq��1�޻���\n���<\n�f��o�������M\u0012�gr�\u001cAp\u0010D�x\\�\rִˆk\u0011UD��H�ᆅ\u0015\u000fY\u0018|�T~������c5�\u000e��zY�[����\u0014���=\u0012��ĴŸ`vR�x��*�b�;��X�?${��\u000e�\u0004�X�\u001b�`��;\"��굆\n�5R�V^�R��\u0003`F�mXQP��Z\t\u0004\u0004\u00042�\u0014�k���߿o�ҧ�Z=r�\u0014�\u0005\u0018�H�!B�L�X�)�V\u0010&\u0003�!V���]���JD'#D�7\u0003��\f�d��\u0002�\r�a�\"3&�U\u0005\u0011,Q\u0013#s��gD��\u0001\u0010�O&��!C�(y�Uq��2����$*���E\u001a�Q�E)o.���X�T#���\u0016�J����c\u001cUà\b�i\u0015Q�ʎ�+\u001b��Ш�_�����n���5�2�ä\u0007:�X�\"'\"��5�ͩbED�\r=%�X��i\u00180;0\"m\u0003\u001a�\u0000c�5�(�E��oC7�;O<�\u0019�dr�zzb5\u0011��\u001arD�\u0018����\fj�\u0017'\u001c�j\"V\u001b�6�ǯ��z�y�\u0005[H*�!\u001ftM��][QS\u0000Ì`\u001d\u0014\u0014�3��E\u0003��X�k$Ò�6ɋ.�(�)���\u0011�o��Rݭӷ�[���/��\u001d�I\b��G\u0011�|(i���\u0000��m����\u0002T\u0004�F\u0012\u0011�!�n���ʘ'\u000f\u0017�V��Ց��;1</�I/\u0011�\u0018)\b�\\���;�\u0006=�zc��ۛ����tiX\bT�+\u0018Rdy��M�Y&wv�`�r��\u0011��\u0017�o���/�n�ّh����}\u0014��Ӭ��Q\"�\r��X�!#�x^�\u0004�j\n�\rЊ�\u0001†�\t$X\u0001��w2\u0016ڜ[C\u0005\u0000]Іw�\u0015\u00131�$�\u0019��\u0019�\u0011��0�\u0013�HG�CA̎�!��f\u0016\u0014�q\"��몬Y\u001d�\u0018ҕ�u=T����I��������\u001c\u0014*`:\u001b\u0017�0�#\u001ch\u0012JX,�����w\u000fm��N�O�q���M\u000bu���\u0012��\\�\"����SV\rF\u0014�K�\n5��W�V\fb��Xġ ��D\n��\\U��ZN�\n�Gq\u000bI]��ǚ��b*���~dE��UcN^e�s��(M��\u0011�#\t05a���D����@��� id,><돀�\u000f˔\u0014Ѯ\u0000\u0004e�\fg\u0018��?W\u0010`�&����Z��eTE\u0005��\u0013E5���\u001a��ʏaF��\u00187\u000bP�\u0004P�f��\u0006b��I�#!B���J:��f�ښ���N,���\u0002��X��\u001b�V@4zF\b�\r�1\u0016\u001cr�!5Te\u001b��\u0002�4�_θ�TŕVlRI�N��N�%�\u0017n�o�\n����9��1\u0014�(�W4��1�?d���q-TI����p�Y&�ľ#�q�*LAME�\f�E'�&2���\u001b�P�@hAE�z�ND��\u00166��~�\u001e\u001a���ڊ�l����c\u001e\t�a�\u0000[%�t�����ӱ�q����3\u000e{b��X��+\u0014\u0006\u001c\u0000zL�2���,�`q�R�HڳJ\u001e\u0012b6�R&g\tMC���o|��];mSn�7�Z�5��D��F�>)\u001e�\u001a�\brWL2\u001a�=� ��]�\"\u0015\r��U\u0015\u0011��\u0010\t\n�t\u0001�Z\f��\u0000թ��nF#��\u000b E\u0003i��!�G����I.<K\\2Yra��`��d4\u0012�4�!��]-��\r�0v=L�Pyj\u000b\u0015��\u0006�|'��X��&\u001b>$\f��\u0015Q���ު�~�e\u0013N�\u0007�\u0019����@��s�N�{\u0005F=�8�OP���dON���<���u�\u001en��&��\u0019��P�\u0019�s���N\nϐ^����� ����}�g�\u001b�~!\n_�\u001c�cÆ<�m�F��p\u0012��\u0006&\f`��A\u0010lK���\nY\u0001\u0013�FLČ�H�\u0006\fh��T\u0004\f/U�e\u0010�8|��/�m[ˮ\n\u001c���,���X��-\u001c\u0012$\u0000�\f�g\u00135�&#��\u000b� \u0011\u0016Z�1_��f�\u0010x\\�rH��f `�i\n��C\fy]r\u0010M�@�\u0001\t\u0016��\u0004�P�X��\u0011�1�\n2�0�<_1�4Kk��Fd\fh��s��\u0000�-\u0004�w\u001f���7�'<�C���`n��� ��B^C\u0010%,g\u0011YT�����br8�?\u000e\u0003�\u0017�U߿\u00005�,\"\u0000 \f\n\u0002��\u0003�,8:�^\bO�;\u0011��X��H��\\*�Q\u001d�\nh秐�5��R�@p\r\u0005\u0006����y�2�W\u0002�?u\b�iN�\u0018[�\"�r+=�\u0019�1\u001e>z\u0016�OS\n(1R�\u0010\u0005\n)\u001a�Z\\\u0005��MnL`F�l��h�P󲪢\u0000X\u001a\bDY|�HH���n�?�\u0017\u000fvj\u0005���f�\u0014ӏ��X�ò\u0005��aM���WX�J2���:\u0001\u001a�@E�\u0000\u000fDe�t���RNC\u0014\\՜�\u0018i2���X�t>\u0013�|\u0000�O\u001d���F:&\u0015\u0004��S\f�;R,�\r�D��J��t�m׈>�Ċ�\u0001\u001e�ơ�j\u0003u��ju9\u0010�*L�SWn\u001a�`o�����0�\u0018�}�\u0007j͹�EW]�`&\u0000\u0001�g���2k[������:$�E�\u001ez���O=�Cώ\tA$G&�f|��S����u� TPU�A\n\n�Qko� \u0001t�\fK\u001b\r��.j��Z��\"ԣ���X�\",\u000b��$��\u001dS\\����5\\}��ox��LW\u0018�'�z�ʕ\f��\u0003\u0004��\u0004�\u0003v��\u0001��\u00121]\u001f$��hc\u0014�8X��\t�x4>JL�\u001e�>^j\r#[6�i�L�/��\u0015hQ�p^\u000b���4MAϕ�6\u0019ʭ�������Y�-��+�4���\"E\u00051��s�\u0016�Z+!,��\u0006M�$�\u0000\u0016�#P�N5��KY��ly7\u000bW\u0014�\u0006��X�\u0018(���t��\u001dҷ9m<����ԫgt�a�[7x��K_\u0016����\u0015��i����p��Uf��B�eqaCƒ\u0004�\u0018���-�$�S�\u0014t���Ee���k�Z�y�/&��\u001a���$�i5\u001a_�}�z����Z�DWd=�����;5\u0003X�ȴ����1.&9��T�;\u000f\u0010��.m\b\u0005N�W�^ә�\u0016�=\u0003=\u0011\u001cb�J����6���X�\u001c$c��~�\n����y��{׏1ؙ�\u0019e�Y�Z+V�m��mfg�z{>әf�Ա\u0016�B\u0004$�̐�\u0012K��`��z�c�eo-�1\u0005���DAA�h�\u0019��ޫ2\u001a�X�b�]*�������q��Q\r���\"e\u000e��F�9\u0007��-c��\u0002�\u0000\tR\u001ey`M�Yʲ(�\u0000a�5\u0012�\u001eYw\bB\u00034߬,f�\u0019~R�Ь�**��C��\u001f-��X�1(C�|^�\n�d4�WKO]l��bï�z�7�=,���\u000fY\b�i\u0002@x�Z�\u001a�HG삠ub��M�JT��e*\u0018����B��\f�_��ԥl�+9JA\u0011�s9\u0004�˪SG�41�{\u0017�V���\u0016��,R�\u0016sN��\u000by±\t\u0003<���\u0007\u001c@\u0004VV�\u0000$.\u0011u�U#��a�;\u0010�ҙ\u0004�y\u001f\\m��\u001abA�lJ'L�p�mf\u001dz���X�7!�T\f�\u0004�jR�ݽ>a��0a!�u�i��K��s�Ѻev\t�#1��i�[X�Vg-����@�k<�/�C;<�*\"lʨ�Q�h���6&Wߢ\u0012\u001e5(B�K�\u0001���ip3�F��\u0014�d�q\u0019\u00030��G�p�|�B^��T�v�,G?U�Y�X��A�\u0018��b�>u.m�Z\u0016b���GM��ڍ\u0005E\u001c����\u0017d���ƙ̭���X�V!{VH\u0014y���-��M�R�ͪ�L��\u001eס+{2�����k#��֭\u0017����\u0011^�\u001cN���K9�\u0018\rE�̷��[��\u0007/U\u000f�D�g$ӽ�񎚖�l�i'y\u001b�y\u001f9���Y�'���(D�$���}�(�\u0007\u000e��\u0014;��\u001f�\f\u0018�ED��\u001a�̋����d\u001a\u0010�u����/\u0016��(C@�.��7�ȩ����\u0003�]\b��X�w!c.0\bzF�u����p�at���o�j\u0010�\u0011Aܭ���:9�%\u001e�LJ47麟�t�^V��㾶~_��=��L\u0015f��y�;o\u001e���Y��\u0001㔼�hZq�R�g���=�o����jǖv�h{��2�w�w�ض�����̼�|��|�����az�Z��l��_����Q��Y�TF�\u0014��\u000b+\u0000\u0000�\u0010\u0005�J�&���XĘ#;�,\tO0\u0001\t��W��v�'S4�\u000b��Y�b\u000eԤ��\u0000\u000b�IR��Y�\u0015�36$�\n1���Y~#H�@����w\u001aL0�\u0018J��T�X���T0`e!!�}���J,M�P$��C)^�\u001fI�������Ͽ�Q���';g6�9\u0014��v7�ß���t��K*ק��n�\u000e�-�IR�Ji����\u000b+��)9��o>eR\u001cr��XIJBD\u0016H\u0013��\u0000(eu���R�.u�\u0000\u0018��HU\u0012\u0006v\u0001\u0002dE���*���ɓ>\\O����ß�����\u001c\u000f{��\u001eر��|�?��a�а��{��C5s���^\u0007^��<Ӊ\u0014rm��o��饭�\u0010\u0010��3�.\u0002\"�l\rG��j&\u0001cv���*֔Ǥ\f�`�ZI���'!��H!i��d��>\u001b\u0014js�\u001b\u0011Tz2�!+&���\tn��X�P9\u001b��_�x\u0003&�#1=�\u0018q#�t�.fu�Y��9�j���?��>m\u0015��ԙ�w6��o�u�痥5,��0؅�����Vku�3�g��6udU\u0005�ǫ;�R$���P��[�Ʒ\u00058���͞�zw\u001b�_����kNi�&h�T\".�h��\u000by�ů�m}cxz�>1�nX��Kj�}��[kF���m�\u000f\u0012J�����X�\u0012%;��]�0\u0002\u0015\u0012�jK:�Q3\u0011�\b�g˞y��܋o\u0017g�\u001aD\u00060���.������v��\r���\u0010���!��y��s\u0010h}�\u000f�����)�z���A��}��|?@�\u0006��N��~�_�F<=�:\u0011H���u,�-=l�K�{}�V�G�/\u0013�\u001f4\u0004��˼���<%�P��;�6�8�\u0019\u0010�)\u0015\u0019r�a�2��c'\u0004����X�$\"�f�\u0018Ɋ�>�K�\u0003\u0000\tV\u0004�y\u0018E�R\u0004l^k��S۵�E�?�Kwǁ엓��X��s3����B)ȳP��r�=\u001c�*��\u0005\u0014\u000fJc+\t\u001a\"\u001d\u0006���CeD@�W�aY\u001f-�\u0012���x\u0015M��V���$\b��G <A\u0002(\u0007K\tG̭1=h��)ӕ6�� d��lf?P�6fb�\u00134u���P\u001b���_���D̛�-�&\b���X�@ Z&xH`���*\u0006C�Pə��4U���,M�&�j%�6\n�N�BH\u0005\u000f\u0003$H\u0006�\u0012\u000e¤@B�|\u001a\u0002�Do�\u0001VX�X\u000b%�$\u0015aR*\u0016m\\L�\u001cf>\n�\u0018\u0000\u0000\b\f\u0000�P�Ɖ\u0003�\u000b��e@b�$�2$�nD\u001a\u0011/��H\u001c\"p�\t�'\u001d#����qA\u0001��� \n\u00125S\u000e�@h�\u0011H�,/Af\fh3\u0014��!��r(\u001b�\f�.DΕ\u001e(���X�e=k��\u001eޒ�\u0013�\u0004!�h��I�\u000b��\t\u0010���2+1IO�\u0018�\u0011�#�\u001c~Xz����\u001c0�����q&�\u0000���\t7�\f�\u0004\u001dt{{�T>�1Y;�\u0004�R-��eB�Y�(1��V�@@b��\u0004\u0018���������v\u0017�u�{��f�^nF�y�\u0013��5u�\u0015^s�6:\\���^�D�\u0018Y�o]�\u00104�Ԑ\u001a��\u0016.��?\u000e��Ż�� ��X�\u0016*3��*�ϩU��\u0006�+�\u0016HX��\u0000�\bL���\u0011�\u0011)As�\"�H\u001a6'<�����#BlY�Z�ЇWO�\r�Q�󚀤ߔ7��\u001fߎs�����*�la��!2Y��?�\u0011�(��T�\u0006��\u0013�4\u0014\u000e lS5G����j�\u0012����Ed9��RTJ\u001b\u0006E�us���������a㆖��q!IO8�����\rGmퟪ�x�#��X�\u0014\"c����\u000fVor�\u000e-� �;����Q\u001e|����\u001ek\u0015Ӧ[�O�\u0011�\u0012�\u0004�-�~��\\�v�F\u0012�'u��l��1𽹳b��[�5V��1�G�\u0016\u001d�:A�6\u001f\u001e8�i����fI���Nׯ����O0�bg�\u0012,3�$ycFX��\u00151��)E�b���4\u0016Xҁ�\u0011M>\u0014T0���GW�Z�{),�!���\u0004�C\u001altY�\u0007��X�1$\u001bΠ\u000fY�\u0003�q��\u0014��2+-���y�#mOZ=�\u0016��Mk\u0019S�y�m'��_F���\u001d.��ҫ^��(�ڟ��O������ԧwe?�z�U���:9�x�IkRE鉩�l�l}�r�\u0000\b\u0000��2�\u0000yS)�`�\u0000\u0000�q \t��=88\u0006\u0019\u0004B\u0015�4c0aP\u0000�e\u000f��\u0014\be��P+\u0011`�ȡh-x/�\u0010R\f2j�{\"9*\u000b���X�G7#�]u��\u0001��@\f\u0000FC�t5i0R-�\u000e��\u0010��\u0004�l��y�3�@1\u0000s\b�\u0001\u000b\u000b#\u000bf���x�T\u0016���($1Xz�\u001cY㼊:�8�F�D����9\u0003��i:H\u0013c�3F��\u0004Qđ��d��f���x�H\u0010� 9�RE�C�R\u000b��O.-\u000e��-���Z\u0006g\u0015[�o�Sj���w� \\�p���,�� �\u000e��Wl�N�a\u000f��X�\u0011'B����H\u00003\u000b��\u0010q�'\u001cD�̡\u0003\u0002U�`<�\u000bI��\u001aܛ��D�Ѯ��/��Q\u0006O\n\u0005�\u0005\u000bd�LvI,pȩ\n3d�����I�\tg\u0016f™m�������ۍn�3����\t���gl���Oj?�w\u0013������p�|\u0007S\u0001 �\u0000�]��\u0015p�ċ�\r\u000f\u0010\u001fS���k+@5<\u0006+|��4\u0019\u0014�N>,�f���L�\u001d2�8���X�\u001b%[����@\u0000Qy F�=��oT�}I��\u001e\u000eRΐ��-%�~��C�`P\u001a0T\u0013��\u001a\u0005\u000eS�\u0007���\b\u0002g8p��\u0015,�Zs\u0012�iuX��9�3�/��������I��\u0011\u0011�t�%/����Y�����k�Z.��\u0007��\u000ez�J���u\t5�n �Hl4d)�T�$�!d%\n\u0000B^L�4b�lR�-(j�p��Z�=�\u0019Z��X�,$˲�\u000ezJے��v��\u0019�J\u0006��$P\u000b=$R�l�)KkY��\t\u0015\u0002!��[Wv���h҇��C��\u0003C�edԥ+\u001b��\u001d\u0019\u0004���ar\u000ba\u0010���Pp<4UDJd�5\r-����|�w��0l�<�~��X�\u0004\"36Բ�][+ig̳U��ô��-<���v�֣�x�y5=��(`�\u0003\"�\u0004[*d�*j�� �\u0016<�\u0011�94��X�?#K����\u000f\u001e�\u0018�T����TT�pi\u0007SL����\u001bKOS_2�\u001e���W\rk+����ƛ�\u001e8lYN�)\u0012�:�<��9���V��~����\rI��q9�e�U\u0000 ��[U�$**iR%CH�\u000f*�dd��q��������՝Ȋiq�-.ԡ(�F{V�!*JQ��>�7i\\�8Ra�\bS�;z����FƉ�b�sjm~�����X�X 㾑v�N���t記�<�Φ�Y�b�Ul��^�����3�C��Kq�.�Wc�9�\u0000�1t�\u0018*f5�lk�X+r�\u0007\u0019�a)\u0003,^P�Y&�8B^��I�\u0000��Q�HnBy���U���͏���?0A<p��\u0019V�˻�ͣ��c�if���]�����Z�+�+.Vs�J�\f��\u0019�6_��ʬ�V��3�[퓿��X�{#�J`\u0016�\u0004�v����i\u0005N�-\u00001dZ\u0015s�]��\u000f�P�\u000e�-̻�\u0013)�>�\u0005�K�]��ҷF\u0012�9\u000f�aRQ\u0007�]\b�Y��#��\\Z�-���lI�\u0004.�\u0012�-�(\u0017vunZ�+\u001f��eT��\t�`,�� T5x�7\u001f�\u0015�(I\u000eM��V\u0006,�h\u001bFƩf����\u001c���[���\u001bjL�Պ�Vyb0�\u0000I�T���\u0016�tD\u001cF��Xē\u001eіD\n�\u0006�[�I���\n�r��{p��‘5*X5��k�\u000e&\u0018�Y�;\u001cݼ��Z\u0019����\u0012f{7�\u001d鯜;\u001b�(iT�G�w���UU��f\u001c�w\u001c���\u001b��\rs������\u0004�\t��\u001d\t�ce�6T�\u001922S�e�'/��$�9���G��-�0F\u00127,�'#ݶf5��`k��$��\u0005�I;i\u0014\\�9\u0013Q�)0\t\u001c��Xľ\u001cB�D4HF�s\u0002���zs���Z?�F��\u001b&�\u0006H�$j9�6je��NZ'Q*7>�-y5�ME�R�\u0017�0m��0�\u0012�墐.\u0011�# �I�(\u0019l�BJ\\�LI������UQ�kV�\u0004�\u0000�\u0001�{)�\u001bڗ'q�f��6H�/�-���O\u0015�\u0019)�[V\u0014�)�xe��d�e�l���\n\u0014\u0013����\b�j�AGO�%��\u00140`ie��X��*�\u0016\u0010�c\f\b`��:9XdM}�\u0010:���d�\u0018\u00184��\u0001�G#Y*�_����h�u'\u000bX���t\b�:T�b�\u001bsL���d�ɯ\r�WWy��\u0015�N\u0003��Q*�TE��LAME3.99.5����������������������������������������������������������������������������X��'\u0003��Jx�=�������������������������������������������������������������������������������LAME3.99.5��������������������������������������������������������������������������������X�X\u0000\u0000\u0003H\u0000\u0000\u0000\u0000�������������������������������������������������������������������������������LAME3.99.5��������������������������������������������������������������������������������X�X\u0000\u0000\u0003H\u0000\u0000\u0000\u0000�������������������������������������������������������������������������������LAME3.99.5��������������������������������������������������������������������������������X�X\u0000\u0000\u0003H\u0000\u0000\u0000\u0000�����������������������������������������������������������������������������������������������������������������������������������������������������������������������
DonGallage commented 2 years ago

As you instructed above I used window.talkify but still I get this error message,

Property 'talkify' does not exist on type 'Window & typeof globalThis'.

Please provide me a a feedback on the following improved code as I am in a tight schedule.

import { Box } from '@mui/system'
import React, { useEffect, useState } from 'react'
import 'talkify-tts'

interface audioProps {
    text: any;
}

const Audio = (props: audioProps) => {
    useEffect(() => {

        window.talkify.config.remoteService.host = 'https://talkify.net';
        window.talkify.config.remoteService.apiKey = '46b32f4e-6b73-40ee-8ae1-4a17cb1b18f6';

        window.talkify.TtsPlayer(); 
        player.playText('Hello world');

    }, [])

    return <Box></Box>
}

export default Audio
Hagsten commented 2 years ago

I'm on vacation so I'll try to help you in the way I can.

A quick Google shows

"To solve the error, extend the Window interface in a . d. ts file adding the property you intend to access on the window object"

You don't have a definition in the window type definition file for talkify. So either make it any or add the outer type as any.

On a side note, when trying the code snippet later you should use your own api key.

Hope it works.

Hagsten commented 2 years ago

Regarding the audio tag. You specify the API URL as the src value. The response is streamable audio.

DonGallage commented 2 years ago

Thank you so much for the support, I'm sorry I used your api-key before that's because it was publicly available. I couldn't share mine then it would be visible to everyone.

slikts commented 1 year ago

It shouldn't be exporting to global scope.