James' Audiolog

Hey, I'm James, and welcome to my personal Audiolog. I mostly use this to share personal updates, via Indie.am.

0 visits since Jan 7

Personal Blogs

James Futhey

Comments

No comments yet. Be the first!

James Futhey's Recent Likes

No recent public likes

Go mobile

Install the

PWA

About Terms Privacy

Content Property of their Respective Authors.

Stats for this page

Embed Code (click to copy)

Embedded Player Preview

Embed Code (click to copy)

Embedded Player Preview

Embed Code (click to copy)

Displays a circle in the bottom-left corner, which opens an audio player, in a popup. See an Example

<!-- indie.am Player Embed Script -->
<script>
    window._indieam_username = 'username'; // Change this to your own log ID, typically indie.am/<log_id>

    document.querySelector('head').innerHTML += '<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cleanslate"><style>#indieam_container{position:fixed!important;padding:18px 20px!important;bottom:0!important;left:0!important;z-index:999999999999!important}.indieam_circle{cursor:pointer!important}.indieam_circle>img{width:65px!important;height:65px!important;border-radius:50%!important;box-shadow:1px 2px 22px #00000044!important}#indieam_container>iframe{position:fixed!important;bottom:-88px!important;left:-27px!important;transform-origin:0 0!important;transform:scale(.8)!important;height:750px!important;width:500px!important;display:none!important}#indieam_container>iframe.indieam_in{display:block!important}#indieam_container,#indieam_container iframe { overflow-y: hidden !important }</style>';

    function _indieam_toggle_player(){if(window._indieam_open){document.querySelector("#indieam_container iframe").classList.remove("indieam_in");window._indieam_open=0}else{document.querySelector("#indieam_container iframe").classList.add("indieam_in");window._indieam_open=1}}

    setTimeout(() => {
        document.body.innerHTML += '<div class="cleanslate" id="indieam_container"><a class="indieam_circle" onclick="_indieam_toggle_player()"><img src="https://indie.am/circle-512.png" alt="Launch indie.am audio window"></a><iframe src="https://indie.am/'+window._indieam_username+'?embedded=true" loading="lazy" frameborder="0"></iframe></div>';
    }, 1500);
</script>
<!-- End indie.am Player Embed Script -->

GitHub Gist

Code (click to copy)

Code to display your audiolog natively in your website, without an embed. See an Example

<!-- I've created an example you can peek at here: -->
<!-- https://jamesfuthey.com/audiolog -->

<script>
  // First, set your Log ID (typically indie.am/<log_id>
  window.logId = 'username';

  // Now, we fetch data, and print our logs on our current page
  fetchData(function () {
    // This will output a new array of entries at window.sounds

            // We can iterate through our entries and display them in our blog template
            sounds.forEach((sound, i) => {
                // In this example I use jQuery to append each post, but you can do whatever you like with the window.sounds array
                $('.blog-simple').append(`
                    <article class="amplitude-play" data-amplitude-song-index="${ i }" style="cursor:pointer" onclick="$('#docked-player').show()">
                        <div class="featured-image" style="background-image:url(${ sound.cover_art_url })"></div>
                        <h2>${ sound.name }</h2>
                        <time>${ sound.album }</time>
                    </article>
                `);
            });
        });
</script>

GitHub Gist

Embed Code (click to copy)

Embedded Player Preview

Embed Code (click to copy)

Embedded Player Preview

James' Audiolog

James Futhey

Comments

Sign up for Indie.am

Your Indie.am Account

James Futhey's Recent Likes

Go mobile

Embedded Player