sine-audio-player

Music & Audio Player JavaScript Library

Usage no npm install needed!

<script type="module">
  import sineAudioPlayer from 'https://cdn.skypack.dev/sine-audio-player';
</script>

README

��#� �S�i�n�e� �A�u�d�i�o� �P�l�a�y�e�r� � � � �!�[�G�i�t�H�u�b�]�(�h�t�t�p�s�:�/�/�i�m�g�.�s�h�i�e�l�d�s�.�i�o�/�g�i�t�h�u�b�/�l�i�c�e�n�s�e�/�t�h�a�r�u�n�b�i�r�l�a�/�s�i�n�e�-�a�u�d�i�o�-�p�l�a�y�e�r�)� � �!�[�G�i�t�H�u�b� �f�i�l�e� �s�i�z�e� �i�n� �b�y�t�e�s�]�(�h�t�t�p�s�:�/�/�i�m�g�.�s�h�i�e�l�d�s�.�i�o�/�g�i�t�h�u�b�/�s�i�z�e�/�t�h�a�r�u�n�b�i�r�l�a�/�s�i�n�e�-�a�u�d�i�o�-�p�l�a�y�e�r�/�d�i�s�t�/�s�i�n�e�-�a�u�d�i�o�-�p�l�a�y�e�r�.�m�i�n�.�j�s�)� � �!�[�G�i�t�H�u�b� �l�a�s�t� �c�o�m�m�i�t�]�(�h�t�t�p�s�:�/�/�i�m�g�.�s�h�i�e�l�d�s�.�i�o�/�g�i�t�h�u�b�/�l�a�s�t�-�c�o�m�m�i�t�/�t�h�a�r�u�n�b�i�r�l�a�/�s�i�n�e�-�a�u�d�i�o�-�p�l�a�y�e�r�)� � � � �#�#� �[�O�n�l�i�n�e� �d�e�m�o�]�(�h�t�t�p�s�:�/�/�t�h�a�r�u�n�b�i�r�l�a�.�g�i�t�h�u�b�.�i�o�/�s�i�n�e�-�a�u�d�i�o�-�p�l�a�y�e�r�/�)� � � � �!�[�S�i�n�e� �A�u�d�i�o� �P�l�a�y�e�r�]�(�h�t�t�p�s�:�/�/�i�.�i�m�g�u�r�.�c�o�m�/�t�n�P�L�s�R�B�.�p�n�g�)� � � � �#�#� �I�n�s�t�a�l�l�a�t�i�o�n� � � � �#�#�#�#� �G�i�t�h�u�b� � � � �D�o�w�n�l�o�a�d� �r�e�p�o�s�i�t�o�r�y� �[�Z�I�P�]�(�h�t�t�p�s�:�/�/�c�o�d�e�l�o�a�d�.�g�i�t�h�u�b�.�c�o�m�/�t�h�a�r�u�n�b�i�r�l�a�/�s�i�n�e�-�a�u�d�i�o�-�p�l�a�y�e�r�/�z�i�p�/�m�a�i�n�)�.� � � � �#�#�#�#� �C�D�N� � � � �A�l�t�e�r�n�a�t�i�v�e�l�y�,� �y�o�u� �c�a�n� �l�o�a�d� �i�t� �f�r�o�m� �C�D�N�:� � � � ��html <script src="https://cdn.jsdelivr.net/gh/tharunbirla/sine-audio-player/dist/sine-audio-player.min.js"></script> �� � �#�#� �U�s�a�g�e� � � � �I�n�c�l�u�d�e� �t�h�e� �sine-audio-player.min.js� �f�i�l�e�:� � � � ��html <script src="{path}/dist/sine-audio-player.min.js"></script> �� � � � �A�d�d� �<sine-player>� �t�a�g� �b�e�t�w�e�e�n� �y�o�u�r� �H�T�M�L� �<body></body>� �t�a�g�.� �Y�o�u� �a�d�d� �t�h�e� �a�t�t�r�i�b�u�t�e�s� �m�e�n�t�i�o�n�e�d� �b�e�l�l�o�w� �i�n� �t�h�e� �t�a�b�l�e�.� � � � ��html <sine-player src="your-audio.mp3"></sine-player> �� � � � �Y�o�u� �c�a�n� �a�d�d� �m�u�l�t�i�p�l�e� �p�l�a�y�e�r�s� �o�n� �a� �s�i�n�g�l�e� �p�a�g�e�.� � � � �#�#� �O�p�t�i�o�n�s� � �|� �O�p�t�i�o�n� �|� �D�e�s�c�r�i�p�t�i�o�n� �|� �V�a�l�u�e�s� �|� �D�e�f�a�u�l�t� �|� � �|�-�-�-�-�-�-�-�-�|�-�-�-�-�-�-�-�-�-�-�-�-�-�|�-�-�-�-�-�-�-�-�|�-�-�-�-�-�-�-�-�-�|� � �|� �s�r�c� �|� �S�p�e�c�i�f�i�e�s� �t�h�e� �U�R�L� �o�f� �t�h�e� �a�u�d�i�o� �f�i�l�e�.� �|� �URL� �|� �-� � �|� �m�u�t�e�d� �|� �S�p�e�c�i�f�i�e�s� �t�h�a�t� �t�h�e� �a�u�d�i�o� �o�u�t�p�u�t� �s�h�o�u�l�d� �b�e� �m�u�t�e�d�.� �|� �true�,� �false� �|� �false� � �|� �p�r�e�l�o�a�d� �|� �S�p�e�c�i�f�i�e�s� �i�f� �a�n�d� �h�o�w� �t�h�e� �a�u�t�h�o�r� �t�h�i�n�k�s� �t�h�e� �a�u�d�i�o� �s�h�o�u�l�d� �b�e� �l�o�a�d�e�d� �w�h�e�n� �t�h�e� �p�a�g�e� �l�o�a�d�s�.� �|� �none�,�auto�,�metadata� �|� �false� � �|� �a�u�t�o�p�l�a�y� �|� �S�p�e�c�i�f�i�e�s� �t�h�a�t� �t�h�e� �a�u�d�i�o� �w�i�l�l� �s�t�a�r�t� �p�l�a�y�i�n�g� �a�s� �s�o�o�n� �a�s� �i�t� �i�s� �r�e�a�d�y�.� �|� �autoplay� �|� �false� � �|� �b�u�f�f�e�r�-�p�e�r�c�e�n�t�a�g�e� �|� �S�p�e�c�i�f�i�e�s� �h�o�w� �m�u�c�h� �a�u�d�i�o� �d�a�t�a� �m�u�s�t� �b�e� �r�e�n�d�e�r�e�d� �a�s� �s�o�o�n� �a�s� �t�h�e� �u�s�e�r� �l�o�a�d� �t�h�e� �p�a�g�e� �|� �number� �|� �50� � � � �_�O�t�h�e�r� �d�e�f�a�u�l�t� �o�p�t�i�o�n�s�:�_� � � �|� �O�p�t�i�o�n�s� �|� �D�e�f�a�u�l�t� �|� � �|�-�-�-�-�-�-�-�-�-�|�-�-�-�-�-�-�-�-�-�|� � �|� �V�o�l�u�m�e� �|� �1�0�0�%� �|� � �|� �P�r�e�v�i�e�w� �V�o�l�u�m�e� �|� �5�0�%� �|� � � � � � �Y�o�u� �c�a�n� �f�o�c�u�s� �o�n� �p�l�a�y�e�r� �e�l�e�m�e�n�t�s� �w�i�t�h� �T�a�b� �k�e�y� �a�n�d� �u�s�e� �t�h�e� �f�o�l�l�o�w�i�n�g� �k�e�y�s� �t�o� �u�s�e� �t�h�e� �p�l�a�y�e�r� �c�o�n�t�r�o�l�s�.� � � � �|� �K�e�y� �|� �A�c�t�i�o�n� �|� � �|�-�-�-�-�-�-�-�-�|�-�-�-�-�-�-�-�-�-�-�-�-�-�|� � �|� �T�a�b� �|� �F�o�c�u�s� �o�n� �t�h�e� �n�e�x�t� �e�l�e�m�e�n�t� �|� � � �|� �S�h�i�f�t� �+� �T�a�b� �|� �F�o�c�u�s� �o�n� �t�h�e� �p�r�e�v�i�o�u�s� �e�l�e�m�e�n�t� �|� � � �|� �E�n�t�e�r� �o�r� �S�p�a�c�e�b�a�r� �|� �P�a�u�s�e�/�P�l�a�y� �|� � � �|� �R�i�g�h�t� �A�r�r�o�w� �|� �F�a�s�t�-�f�o�r�w�a�r�d� �|� � � �|� �L�e�f�t� �A�r�r�o�w� �|� �R�e�w�i�n�d� �|� � � �|� �E�n�t�e�r� �o�r� �S�p�a�c�e�b�a�r� �|� �S�h�o�w�/�h�i�d�e� �v�o�l�u�m�e� �s�l�i�d�e�r� �|� � �|� �U�p� �A�r�r�o�w�,� �L�e�f�t� �A�r�r�o�w� �|� �I�n�c�r�e�a�s�e� �v�o�l�u�m�e� �|� � �|� �D�o�w�n� �A�r�r�o�w�,� �R�i�g�h�t� �A�r�r�o�w� �|� �D�e�c�r�e�a�s�e� �v�o�l�u�m�e� �|� � � � �[�V�i�d�e�o�]�(�h�t�t�p�s�:�/�/�w�w�w�.�y�o�u�t�u�b�e�.�c�o�m�/�r�k�q�q�B�A�6�o�h�c�0�)�