MP3文件所在目录
<button class="search-btn primary" type="button" onclick="playmp3()">点击播放</button>
<audio id='audioPlay' th:src='@{/stc/mp3/query.mp3}' hidden autostart="false"></audio>
<embed name="embedPlay" th:src='@{/stc/mp3/query.mp3}' autostart="false" hidden="true" loop="false">
function playmp3() {
var borswer = window.navigator.userAgent.toLowerCase();
if ( borswer.indexOf( "ie" ) >= 0 )
//IE内核浏览器
var embed = document.embedPlay;
//浏览器不支持 audion，则使用 embed 播放
embed.volume = 100;
embed.play();
} else
MP3文件所在目录页面按钮 <button class="search-btn primary" type="button" onclick="playmp3()">点击播放</button> <audio id='audioPlay' th:src='@{/stc/mp3/query.mp3}' hidden autostart="false"></audio><embed name="embedPlay" th:src='@{/s..
本工程包含了使用各种API（Direct3D，OpenGL，GDI，DirectSound，SDL2）播放多媒体例子。
其中音频输入为PCM采样数据。输出至系统的声卡播放出来。
视频输入为YUV/RGB像素数据。输出至显示器上的一个窗口播放出来。
通过本工程的代码初学者可以快速学习使用这几个API播放视频和音频的技术。
一共包括了如下几个子工程：
simplest_audio_play_directsound: 使用DirectSound播放PCM音频采样数据。
simplest_audio_play_sdl2: 使用SDL2播放PCM音频采样数据。
simplest_video_play_direct3d: 使用Direct3D的Surface播放RGB/YUV视频像素数据。
simplest_video_play_direct3d_texture:使用Direct3D的Texture播放RGB视频像素数据。
simplest_video_play_gdi: 使用GDI播放RGB/YUV视频像素数据。
simplest_video_play_opengl: 使用OpenGL播放RGB/YUV视频像素数据。
simplest_video_play_opengl_texture: 使用OpenGL的Texture播放YUV视频像素数据。
simplest_video_play_sdl2: 使用SDL2播放RGB/YUV视频像素数据。
1.1版修复了一些问题
系统功能：
后台登录密码为admin密码123456 文章的发表，分类，评论，收搜索，后台管理的的文章新 增，分类新增，评论审核，标签管理，评论管理，分类管 理，博客管理，系统管理等等功能。
二、项目运行
环境配置： Jdk1.8 + Tomcat8.5 + mysql + Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts 都支持)
项目技术： JSP +Springboot+ SpringMVC + MyBatis + ThymeLeaf + HTML+ JavaScript + JQuery + Ajax + maven等等
最讨厌搞前端却又想转前端的卑微后端。
需求：判断十秒内数据库中是否产生了新的数据，如果产生了新的数据，那么我需要将数据展示到弹框上。前端定时器每10s执行一次，获取到数据弹框就展示出来同时播报声音。弹框持续5s后自动关闭。
根据需求可以判断我们需要用到定时器还有audio标签。
注意thymeleaf的写法，一开始引用声音始终不对，多亏了下面这位大大的博客
https://www.136.la/tech/show-1452595.html
引入一个mp3文件到static/audio文件夹下
Thymeleaf是现代化服务器端的Java模板引擎，不同与其它几种模板的是Thymeleaf的语法更加接近HTML，并且具有很高的扩展性。
SpringBoot官方推荐模板，提供了可选集成模块(spring-boot-starter-thymeleaf)，可以快速的实现表单绑定、属性编辑器、国际化等功能。
支持无网络环境下运行，由于它支持 html 原型，然后在 htm...
var src;
var borswer = window.navigator.userAgent.toLowerCase();
if ( borswer.indexOf( "ie" ) >= 0 )
//IE内核浏览器
var strEmbed = '<embed name="
原理：我么们通过点击前台的歌单推荐里的歌单，后会跳转到这个页面，实现原理就是通过歌单id，将歌单的信息从数据库中找出来，并且通过歌单与歌曲的关联表，将歌曲列表也找出来，并且将歌曲的歌手ID与专辑ID转化为其他两张表的name属性，看似平常的信息展示，还显示了创建者的用户名，实则是五个表的关联查询，右边区域还有个随机歌单推荐，其中这三部分的mybatis的sql语句如下：
<div class="play_btn" th:data-id="${video.Url}" th:data-size="${video.Size}" onclick="playVideo(this.getAttribute('data-id'),this.getAttribute('data-size'))"></div>
function playVideo(content,size) {
var video = document.create
好的，如果您想使用Spring Boot、MyBatis、Thymeleaf、HTML和JavaScript来开发项目，可以按照以下步骤进行：
1. 选择一个集成开发环境（IDE），如Eclipse或IntelliJ IDEA，并安装Java开发工具包（JDK）。
2. 创建一个Spring Boot项目。您可以使用Spring Initializr来快速创建项目，也可以手动创建项目并添加所需的依赖。
3. 配置MyBatis。您需要添加MyBatis的相关依赖，配置MyBatis的数据源和映射文件等。
4. 配置Thymeleaf。您需要添加Thymeleaf的相关依赖，配置Thymeleaf的模板引擎等。
5. 编写HTML和JavaScript代码。您可以使用HTML和JavaScript来开发前端页面和逻辑。
6. 编写Java代码。您可以使用Java来编写后端的业务逻辑和数据访问代码。
7. 运行您的项目。您可以使用IDE中提供的工具来运行您的项目或者使用Maven或Gradle来构建和运行项目。
当然，以上步骤只是一个大致的流程，具体的实现细节还需要根据您的项目需求来确定。希望这些步骤能够帮助您入门Spring Boot、MyBatis、Thymeleaf、HTML和JavaScript的开发。
