Demonstrations and samples here
import morseplayer.js (in head or body)
<script src="morseplayer.js"></script>
Insert the player
<morse-player>cq cq cq de F8XYZ</morse-player>
Or, in JS :
window.addEventListener("load", (event) => {
let mp = new MorsePlayer({wpm:25});
document.body.appendChild(mp);
mp.play('Hello world !');
});
By default morse-player stretches and use full width. However you can define a specific width :
<style>
morse-player {
width: 380px;
}
</style>
The morse-player tag accept some attributes (case insensitive) :
morse-player tags)Note: When WPM is lower than Effective WPM, the latest value is used for both
player.Text = "StrÀngé ïnpùt tèxt";
console.log(player.Text);
// 'STRANGE INPUT TEXT'
Prosigns can be entered between { and } and will be played as prosigns :
player.Text = "VE3YYY de F8XXX {AS}";
new MorsePlayer(options) : options are the same as those used in the attribute section.
play method start the morse playing of the text. The text can be passed in parameter otherwise it’s come from Text property and is cleaned. The method returns a promise wich is fulfilled at the first pause or at the end of the playing.
await player.play('test');
await player.play('this text is read after the first has finished');
Note : play() automatically pauses others instances of MorsePlayer on the page
stops the playing
stops the playing and reset the current playing time
play a ‘boop’ sound (used for wrong entry in simple mode)
Register an event listener
player.addEventListener('play', () => {
console.log('CW Time !');
});
player.addEventListener('parameterchanged', (param) => {
console.log(`"${param}" changed to ${player[param]}`);
});
parameterchanged : one of the properties of the player has changed. The parameter’s name is passed as argument with the event.indexchanged : the current index in the input text changed. Warning the index reference the Text property, which is cleaned (and thus can be different from original provided text)play : playing has started or been resumed from pausepause : playing has been temporarily stoppedstop : playing has been definitely stoppedrecording : recording to wave has started. stop is triggered once finishedRegister an event listener, triggered only once
player.on('play', () => {
// this message will appear only once even if play is called multiple times
console.log('CW Time !');
});
Remove the event listener. If no func is provided, remove all the listeners. If only func is provided, remove this listener from all events.