I don’t know how you add links to Foundry or what style of links are possible, but here are a few ideas you could try:
Add a hidden/named iframe to the page:
<iframe style="display: none;" src="about:blank" name="syrinscape"></iframe>
Then target the hidden iframe with your links:
<a href="https://syrinscape.com/..." target="syrinscape">...</a>
Or have your links make their request via xhr/fetch:
<a href="javascript:fetch('https://syrinscpe.com/...">...</a>
Or another example using jQuery and events:
<script>
$(document).on('click', '.startMood', (event) => {
let moodId = $(event.target).data('id')
fetch(`https://syrinscape.com/online/frontend-api/moods/${moodId}/play/`)
}
</script>
<div class="startMood" data-id="26">Busy market day</div>
Or install the Syrinscape Online Player which (on Windows at least) comes bundled with a proxy application that handles syrinscape-online://...
URLs and makes the request without opening a browser window.
Just replace https://syrinscape.com/...
with syrinscape-online://syrinscape.com/...
:
<a href="syrinscape-online://syrinscape.com/...">...</a>
We are currently working to make a variety of integrations as easy as possible. Keep an eye on the forum, we will make an announcement here when anything new is ready to try.