html5滚动页面简单写法

html5滚动页面简单写法
纵向滚动比较简单

直接在外面加个高度 然后overflow-y: auto;

横向比较复杂了
外面写两层
最外面一层写个宽度 overflow-x: auto;
第二层 写width:10000rem 宽度写死 写auto不行 不会自适应里面的宽度

如果点击按钮滚动可以采取如下代码

$('.zhufuyussw').animate({scrollLeft: 1000}, 1000);

html5 audio标签切换播放音乐的方法

html5 audio标签切换播放音乐的方法

<audio id="music1"  preload loop="loop"></audio>
<div style="width:720px; height:60px;" luyinpath="/weiqingshu/music/music.mp3" class="ceshiqiehuan">测试1</div>
<div style="width:720px; height:60px;" luyinpath="/dongjun12/music/music.mp3" class="ceshiqiehuan">测试2</div>
<div style="width:720px; height:60px;" luyinpath="/kelaweiloushu/music/music.mp3" class="ceshiqiehuan">测试3</div>
<div style="width:720px; height:60px;" luyinpath="/lingjuli/music/music.mp3" class="ceshiqiehuan">测试4</div>
$('.ceshiqiehuan').each(function () {
    $(this).on('touchstart', function () {

        $('#music1')[0].pause();
        var luyinpath = $(this).attr('luyinpath');
        $('#music1').attr('src', luyinpath);
        $('#music1')[0].play();
    })
})

总结
先pause关闭 然后更换路径 然后play播放

HTML5微信jssdk录音播放语音的方法

HTML5微信jssdk录音播放语音的方法
需要注意的2个问题
1 就是一定要判断1秒内 录音都不算 ps:太短不能录音
2 录音超过1分钟 会发现正在录音突然消失 所以要写wx.onVoiceRecordEnd 这个是是1分钟会自动出发 然后写上传数据 ps这个必须要写在wx.startRecord里面 不然不触发!!!切记

前端代码如下

 $('.luyin').on('touchstart',function () {
        wx.startRecord({
            success: function(){
                START = new Date().getTime();
                wx.onVoiceRecordEnd({
                    // 录音时间超过一分钟没有停止的时候会执行 complete 回调
                    complete: function (res) {
                        alert('最多只能录制一分钟');
                        var localId = res.localId;
                        uploadluyin(localId,60000);
                    }
                });
            },
            cancel: function () {
                alert('用户拒绝授权录音');
                return false;
            }
        });

    })
    $('.luyin').on('touchend',function () {
        END = new Date().getTime();
        //录音时间
        luyintime=END - START;
        if(luyintime < 2000){
            END = 0;
            START = 0;
            wx.stopRecord({});
            alert('录音时间不能少于2秒');
            return false;
            //小于300ms,不录音
        }else {


            wx.stopRecord({
                success: function (res) {
                    localId = res.localId;

                    uploadluyin(localId,luyintime);

                }
            });
        }
    })
    
    function uploadluyin(localId,luyintime) {
        wx.uploadVoice({
            localId: localId, // 需要上传的音频的本地ID,由stopRecord接口获得
            isShowProgressTips: 1, // 默认为1,显示进度提示
            success: function (res) {
                var serverId = res.serverId; // 返回音频的服务器端ID
                console.log(serverId);

                $.post("/home/xishanluyin/scyuyin", {
                            "serverId": serverId,
                            "luyintime": luyintime
                        },
                        function (data) {
                            if (data.success == 1) {
                                alert('录音成功');
                            } else {
                                alert(data.msg);
                            }
                        }, "json");
            }
        })
    }

后端代码 核心代码如下直接写入amr就行 因为生成的默认都是amr

$ft = copy("http://file.api.weixin.qq.com/cgi-bin/media/get?access_token={$accessToken}&media_id={$imgServerId}",
			"{$imgServerId}.mp3");
   //转成mp3
 shell_exec('ffmpeg -i _wb2tS6SdvJxNu762u-qSfJgrxsEDw-fjXJSIitgD9_GBTvoLpIzAyzA9d7Wil_W.amr _wb2tS6SdvJxNu762u-qSfJgrxsEDw-fjXJSIitgD9_GBTvoLpIzAyzA9d7Wil_W.mp3');

ffmpeg 命令需要安装一些软件
具体说明请ffmpeg源码安装教程
转好的mp3拖到浏览器测试下 如果可以 就说明转mp3成功了

然后返回web路径就OK啦 这个audio就可以访问啦

HTML5微信长按图片不会弹出菜单的解决方法

HTML5微信长按图片不会弹出菜单的解决方法

<div ontouchstart = "return false;">
</div>

上面代码这个长按不会弹出 复制提示

然后做成div 有图片用background:url(); 不要做成img 这样长按不会提示你发送图片

ps: -webkit-user-select: none; 这个东西还是不要用 苹果上input标签会输入不了 貌似。。

linux alias写快捷键笔记

linux alias写快捷键笔记

#vi ~/.bashrc   ps:~找个代表当前登录用户的用户目录  pwd就知道了
alias phpfpmrestart='/usr/local/php/sbin/php-fpm -y /usr/local/php/etc/php-fpm.conf -c /usr/local/php/etc/php.ini'
alias phpfpmsocket='chmod -R 777 /dev/shm'
alias phpfpm7016restart='/usr/local/php7016/sbin/php-fpm -y /usr/local/php7016/etc/php-fpm.conf -c /usr/local/php7016/etc/php.ini'
alias netstatusls='netstat -ntlp'
alias nginxerrorlog='tail -n 10 /usr/local/nginx/logs/error.log'
alias nginxaccesslog='tail -n 10 /usr/local/nginx/logs/access.log'
alias nginxconf='vi /usr/local/nginx/conf/nginx.conf'
#写完保存后执行命令
source .bashrc

有没有很方便??