玩转HTML5 Video视频WebVTT字幕使用样式与制作

一、HTML5 Video视频与WebVTT字幕

HTML5 Video视频支持支持外挂字幕,文件后缀名是`.vtt`,称为WebVTT格式,专门的web字幕格式。使用很简单,用一个`<track>`元素即可,例如:

<video id="video">
    <source src="example.mp4" type="video/mp4">
    <track src="example.vtt" default>
</video>

只要`src`属性地址OK,同时有`default`属性,字幕就会生效。

您可以狠狠地点击这里:HTML5 video视频track加载WebVtt字幕demo

继续阅读玩转HTML5 Video视频WebVTT字幕使用样式与制作

卷积与反卷积、步长(stride)与重叠(overlap)及output的大小

1. 卷积神经网络的基础概念

        卷积神经网络是一种专门用来处理具有类似网络结果的数据的神经网络。至少在网络的一层中使用卷积运算来替代一般的矩阵乘法运算的神经网络。

        最核心的几个思想:稀疏交互、参数共享、等变表示(通俗成为平移不变性)。根本目的说白了就是为了节省运算时间和空间。那接下来看一下是怎么实现的。

1.0 卷积

         用一张图展示一下,卷积的计算。element-wise multiply 然后再相加。

继续阅读卷积与反卷积、步长(stride)与重叠(overlap)及output的大小

在Ubuntu 18.04系统中的Apache Tomcat上部署Apache Archiva

注意: Apache Archiva 2024-02 开始已经停止维护 建议使用 JFrog Artifactory 替代。

目前的`Apache Archiva 2.x`版本是不支持`JDK 11`的,但是`Ubuntu 18.04`系统上使用的`Open JDK 11`是不能正常启动`Apache Archiva 2.x`的。

原因在于`Apache Archiva 2.x`版本使用的`Spring Framework 4.x`版本不能完全支持`JDK 11`。最低需要`Spring Framework 5.1`才算是完整支持。

其实如果系统上其他软件对于JDK没有特殊要求的话,可以安装`Open JDK 8`解决这个问题(可惜`Tomcat 9`依赖`OpenJDK 11`)。

$ sudo apt-get install openjdk-8-jdk

$ sudo apt-get remove --purge openjdk-11-jdk

暂时等待官方发布新版本吧,下面是编译过程,但是一般都编译不通过!

$ git clone https://github.com/apache/archiva.git

$ cd archiva

$ sudo apt install maven

$ mvn clean install

参考链接


树莓派4B使用ARM Compute Library运行AlexNet

# Install Build Tools 
$ pip install scons 

# Reload Environment
$ source ~/.profile

# Clone Compute Library 
$ git clone https://github.com/Arm-software/ComputeLibrary.git 

# or wget https://www.mobibrw.com/wp-content/uploads/2019/10/ComputeLibrary.zip

# Enter ComputeLibrary folder 
$ cd ComputeLibrary  

# Build the library and the examples 
$ scons Werror=1 debug=0 asserts=0 neon=1 opencl=1 examples=1 os=linux arch=armv7a -j4 

# Run on the Raspberry Pi
$ export LD_LIBRARY_PATH=build/ 

# Download AlexNet

# Install unzip
$ sudo apt-get install unzip

# Download the zip file with the AlexNet model, input images and labels
$ wget https://armkeil.blob.core.windows.net/developer/developer/technologies/Machine%20learning%20on%20Arm/Tutorials/Running%20AlexNet%20on%20Pi%20with%20Compute%20Library/compute_library_alexnet.zip

# or wget https://www.mobibrw.com/wp-content/uploads/2019/10/compute_library_alexnet.zip

# Create a new folder
$ mkdir assets_alexnet

# Unzip
$ unzip compute_library_alexnet.zip -d assets_alexnet

$ PATH_ASSETS=./assets_alexnet 

$ ./build/examples/graph_alexnet 0 $PATH_ASSETS  $PATH_ASSETS/go_kart.ppm $PATH_ASSETS/labels.txt

继续阅读树莓派4B使用ARM Compute Library运行AlexNet

MySQL 5.7.27创建用户并授权

$ mysql -u root -p

mysql> use mysql;

mysql> select Host,User from mysql.user;

# 创建用户并设置密码
mysql> create user "wordpress" identified by "password";

# MySQL 8使用如下命令
# mysql> create user "wordpress" identified with mysql_native_password by "password";

#更改用户访问是外网访问还是只能本地访问
mysql> update mysql.user set Host="localhost" where User="wordpress";

# 更新密码,5.7的数据库使用'authentication_string'字段替代了'Password'字段
mysql> update user set authentication_string=password("pass") where User="wordpress" and Host="localhost";

# MySQL 8 不能使用上面的命令修改密码,只能在创建的时候设置密码,可以先删除再创建
# drop user "wordpress";

# 如果没这一行可能也会报一个错误,因此需要运行这一行
mysql> update user set plugin="mysql_native_password";

mysql> select Host,User from mysql.user;

# 授予用户访问Wordpress数据库的权限
mysql> grant all privileges on wordpress.* to "wordpress"@"localhost" identified by "pass";

# MySQL 8使用如下命令
# mysql> grant all privileges on wordpress.* to "wordpress";

# 刷新权限
mysql> flush privileges;

参考链接


macOS Catalina卸载XQuartz

目前`macOS`使用`XQuartz`实现`X11`相关的`API`,需要卸载的时候,执行如下命令即可:

$ sudo launchctl unload /Library/LaunchDaemons/org.macosforge.xquartz.privileged_startx.plist
 
$ sudo rm -rf /opt/X11* /Library/Launch*/org.macosforge.xquartz.* /Applications/Utilities/XQuartz.app /etc/*paths.d/*XQuartz
 
$ sudo pkgutil --forget org.macosforge.xquartz.pkg

参考链接


macOS卸载xquartz

macOS Catalina卸载CUDA

对于`CUDA 8.0`建议优先执行`/Developer/NVIDIA/CUDA-8.0/bin/uninstall_cuda_8.0.pl`,进行卸载操作。

对于`CUDA 9.0`建议优先执行`/Developer/NVIDIA/CUDA-9.0/bin/uninstall_cuda_9.0.pl`,进行卸载操作。

当执行上面的脚本失败的时候,删除以下两个文件路径即可卸载该驱动:

/usr/local/cuda
/Library/Frameworks/CUDA.framework

参考链接


Mac卸载CUDA

Android Studio 3.5.1配置NDK路径

早期版本的Android Studio在全局配置NDK的路径信息,但是从Android Studio 3.4版本开始,NDK的路径信息被转移到Project Structure部分去配置了,这变成了一个工程相关的配置,每个工程可以单独配置独立的NDKSDK版本。

具体操作如下图:

继续阅读Android Studio 3.5.1配置NDK路径

macOS Catalina(10.15)解决阻止程序运行“macOS无法验证此App不包含恶意软件”

默认情况下,macOS Catalina的应用程序,必须交由苹果进行一系列安全认证,否则会在默认情况下被阻止运行。未经过安全认证的应用运行的时候,会弹出如下提示

继续阅读macOS Catalina(10.15)解决阻止程序运行“macOS无法验证此App不包含恶意软件”