Is it possible to change the URL of the browser corresponding to changes in the timeline?

Question

Hello,
I'm trying to create a whole website in Edge. Is it possible to change the browser URL for different sections of the animation. For example me.com/part1 leads to 2.0 seconds in the animation. And for example when you type me.com/part2 the browser would go to 4th second of the animation. And vice versa, when the animation reaches the 4th second the browser URL would change to me.com/part2. It would be really great if that were possible. Any ideas on how to accomplish it?
Thanks!

Answer 1

Hi there, Joel's example seems to be exactly what you're trying to do. All you need to do is replace his functions with your functions.
There are two main parts to his example: 1) reacting to a URL change directly in the URL bar, 2) reacting to a button click, and setting the URL
Regarding Item 1: this line (this adds a listener for when the URL hash is changed, and calls the 'sym.animate' function in his example). Note that he is linking the value after the # with the symbol names 'panel1', etc. This line enables the functionality for you to be able to directly change the URL to: testStep95.html#panel2, and the site will change pages.
$(window).on("hashchange", function(){sym.animate(location.hash.replace("#",""), sym.onStage)});
Regarding Item 2: he's setting the page title (based on the active panel symbol) and URL hash, in the  'sym.animate' function. He calls the 'sym.animate' function on click of btn1, btn2, btn3:
document.title = panelIn;
window.location.hash = panelIn;
Props to Joel for his slick example!