Skip to content

Issue 575: unbind click event fix #600

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
jeanem wants to merge 6 commits into from
Closed

Issue 575: unbind click event fix #600

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
6fa25f3
initial fix for unbinding issue #575
jeanem Jun 25, 2024
65d147f
refactoring earlier unbinding issue work
jeanem Jun 25, 2024
dc9072d
updated build files
jeanem Jun 25, 2024
6469568
more refactoring on the initSpeech function
jeanem Jun 25, 2024
a7d8dc1
additional condition to test for descVoices array in the initSpeech f…
jeanem Jun 26, 2024
47bb964
setting descVoices initially as empty array, minor refactor in descri…
jeanem Jun 28, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
more refactoring on the initSpeech function
  • Loading branch information
@jeanem
jeanem committed Jun 25, 2024
commit 64695685e33bead059e26060d598e1a16f4f2791
49 changes: 18 additions & 31 deletions build/ableplayer.dist.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7697,52 +7697,39 @@ var AblePlayerInstances = [];
AblePlayer.prototype.initSpeech = function (context) {
var thisObj = this;

// Function to handle the initial click and enable speech synthesis
function handleInitialClick() {
// Function to attempt enabling speech synthesis
function attemptEnableSpeech() {
var greeting = new SpeechSynthesisUtterance("\x20");
thisObj.synth.speak(greeting);
greeting.onstart = function () {
// Once the utterance starts, remove this specific click event listener
// Ensures the event handler only runs once and cleans up after itself
$(document).off("click", handleInitialClick);
};
greeting.onend = function () {
// Attempt to fetch browser voices and enable speech if successful
thisObj.getBrowserVoices();
thisObj.speechEnabled = true;
if (thisObj.descVoices.length || context !== "init") {
thisObj.speechEnabled = true;
}
};
}

if (this.speechEnabled === null) {
if (typeof this.synth !== "undefined") {
// Cancel any previous synth instance and reinitialize
this.synth.cancel();
}
// Function to handle the initial click and enable speech synthesis
function handleInitialClick() {
attemptEnableSpeech();
// Once the utterance starts, remove this specific click event listener
// Ensures the event handler only runs once and cleans up after itself
$(document).off("click", handleInitialClick);
}

if (this.speechEnabled === null) {
if (window.speechSynthesis) {
// Browser supports speech synthesis
this.synth = window.speechSynthesis;
this.synth.cancel();
this.synth.cancel(); // Cancel any ongoing speech synthesis

if (context === "init") {
// Bind the click event listener using a named function to ensure it can be specifically unbound later within the handleInitialClick function
// For initial setup, require a user click to enable speech synthesis
// Scoping to a particular handler to avoid conflicts with other click events
$(document).on("click", handleInitialClick);

// Call getBrowserVoices in case it works without a click, for browsers that don't require a click
this.getBrowserVoices();
if (this.descVoices.length) {
this.speechEnabled = true;
}
} else {
// Context is either 'play', 'prefs', or 'desc'
// Directly attempt to enable speech synthesis without additional user action
var greeting = new SpeechSynthesisUtterance("\x20");
thisObj.synth.speak(greeting);
greeting.onend = function () {
// Attempt to fetch browser voices and enable speech if successful
thisObj.getBrowserVoices();
thisObj.speechEnabled = true;
};
// For other contexts, attempt to enable speech synthesis directly
attemptEnableSpeech();
}
} else {
// Browser does not support speech synthesis
Expand Down
49 changes: 18 additions & 31 deletions build/ableplayer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7697,52 +7697,39 @@ var AblePlayerInstances = [];
AblePlayer.prototype.initSpeech = function (context) {
var thisObj = this;

// Function to handle the initial click and enable speech synthesis
function handleInitialClick() {
// Function to attempt enabling speech synthesis
function attemptEnableSpeech() {
var greeting = new SpeechSynthesisUtterance("\x20");
thisObj.synth.speak(greeting);
greeting.onstart = function () {
// Once the utterance starts, remove this specific click event listener
// Ensures the event handler only runs once and cleans up after itself
$(document).off("click", handleInitialClick);
};
greeting.onend = function () {
// Attempt to fetch browser voices and enable speech if successful
thisObj.getBrowserVoices();
thisObj.speechEnabled = true;
if (thisObj.descVoices.length || context !== "init") {
thisObj.speechEnabled = true;
}
};
}

if (this.speechEnabled === null) {
if (typeof this.synth !== "undefined") {
// Cancel any previous synth instance and reinitialize
this.synth.cancel();
}
// Function to handle the initial click and enable speech synthesis
function handleInitialClick() {
attemptEnableSpeech();
// Once the utterance starts, remove this specific click event listener
// Ensures the event handler only runs once and cleans up after itself
$(document).off("click", handleInitialClick);
}

if (this.speechEnabled === null) {
if (window.speechSynthesis) {
// Browser supports speech synthesis
this.synth = window.speechSynthesis;
this.synth.cancel();
this.synth.cancel(); // Cancel any ongoing speech synthesis

if (context === "init") {
// Bind the click event listener using a named function to ensure it can be specifically unbound later within the handleInitialClick function
// For initial setup, require a user click to enable speech synthesis
// Scoping to a particular handler to avoid conflicts with other click events
$(document).on("click", handleInitialClick);

// Call getBrowserVoices in case it works without a click, for browsers that don't require a click
this.getBrowserVoices();
if (this.descVoices.length) {
this.speechEnabled = true;
}
} else {
// Context is either 'play', 'prefs', or 'desc'
// Directly attempt to enable speech synthesis without additional user action
var greeting = new SpeechSynthesisUtterance("\x20");
thisObj.synth.speak(greeting);
greeting.onend = function () {
// Attempt to fetch browser voices and enable speech if successful
thisObj.getBrowserVoices();
thisObj.speechEnabled = true;
};
// For other contexts, attempt to enable speech synthesis directly
attemptEnableSpeech();
}
} else {
// Browser does not support speech synthesis
Expand Down
2 changes: 1 addition & 1 deletion build/ableplayer.min.js
View file
Open in desktop

Large diffs are not rendered by default.

49 changes: 18 additions & 31 deletions scripts/description.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -157,52 +157,39 @@
AblePlayer.prototype.initSpeech = function (context) {
var thisObj = this;

// Function to handle the initial click and enable speech synthesis
function handleInitialClick() {
// Function to attempt enabling speech synthesis
function attemptEnableSpeech() {
var greeting = new SpeechSynthesisUtterance("\x20");
thisObj.synth.speak(greeting);
greeting.onstart = function () {
// Once the utterance starts, remove this specific click event listener
// Ensures the event handler only runs once and cleans up after itself
$(document).off("click", handleInitialClick);
};
greeting.onend = function () {
// Attempt to fetch browser voices and enable speech if successful
thisObj.getBrowserVoices();
thisObj.speechEnabled = true;
if (thisObj.descVoices.length || context !== "init") {
thisObj.speechEnabled = true;
}
};
}

if (this.speechEnabled === null) {
if (typeof this.synth !== "undefined") {
// Cancel any previous synth instance and reinitialize
this.synth.cancel();
}
// Function to handle the initial click and enable speech synthesis
function handleInitialClick() {
attemptEnableSpeech();
// Once the utterance starts, remove this specific click event listener
// Ensures the event handler only runs once and cleans up after itself
$(document).off("click", handleInitialClick);
}

if (this.speechEnabled === null) {
if (window.speechSynthesis) {
// Browser supports speech synthesis
this.synth = window.speechSynthesis;
this.synth.cancel();
this.synth.cancel(); // Cancel any ongoing speech synthesis

if (context === "init") {
// Bind the click event listener using a named function to ensure it can be specifically unbound later within the handleInitialClick function
// For initial setup, require a user click to enable speech synthesis
// Scoping to a particular handler to avoid conflicts with other click events
$(document).on("click", handleInitialClick);

// Call getBrowserVoices in case it works without a click, for browsers that don't require a click
this.getBrowserVoices();
if (this.descVoices.length) {
this.speechEnabled = true;
}
} else {
// Context is either 'play', 'prefs', or 'desc'
// Directly attempt to enable speech synthesis without additional user action
var greeting = new SpeechSynthesisUtterance("\x20");
thisObj.synth.speak(greeting);
greeting.onend = function () {
// Attempt to fetch browser voices and enable speech if successful
thisObj.getBrowserVoices();
thisObj.speechEnabled = true;
};
// For other contexts, attempt to enable speech synthesis directly
attemptEnableSpeech();
}
} else {
// Browser does not support speech synthesis
Expand Down