Home 2013 September

iOS7 Safari Html5 Audio Tag bugs

I just find bugs on iPhone5 upgraded with iOS7
Combination of [audio.play + new Audio] is unstable.

//This is sample source.

var audio1=new Audio(“[url of sound’s file]”);
…
…
…
// button’s touchstart event function
/********************
    case1 – play sounds well
********************/
function playButton(){
    audio1.play();
}

/********************
    case2 – can’t play sounds
********************/
function playButton(){
    audio1.play();
    var audio2 = new Audio(“[url of sound’s file]”);
}

/********************
    case1 – can’t play sounds well on 4G,3G mode
********************/
function playButton(){
    audio1.play();
    setTimeout(function(){
        var audio2 = new Audio(“[url of sound’s file]”);
    },500);
}

Twitter Button – Resize with javascript

<div id=”sns_twitter”>
<a href=”https://twitter.com/share”
    class=”twitter-share-button”
    data-url=”[your site address]”
    data-text=”[your site description]”
    data-hashtags=”[your site title]”>Tweet</a>
<script type=”text/javascript”>
    ! function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0],
        p = /^http:/.test(d.location) ? ‘http’ : ‘https’;
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = p + ‘://platform.twitter.com/widgets.js’;
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, ‘script’, ‘twitter-wjs’);
</script>
</div>

// get twitter button(iframe) size
var snsTwitterIframeWidth = $(“#sns_twitter > iframe”).css(“width”);
// trim “px”
snsTwitterIframeWidth = parseInt(snsTwitterIframeWidth.substring(0, snsTwitterIframeWidth.length – 2));
// minus 34px on button(iframe) size (english only)
var snsTwitterWidth = snsTwitterIframeWidth – 34);
// resize twitter button wrapper
$(“#sns_twitter”).css(“width”, snsTwitterWidth + “px”);

// 1.wrap twitter button with div(sns_twitter here)
// 2.set style div overflow:hidden
// 3.resize your div size