1. 程式人生 > >jquery+html5 在web頁面播放提示音

jquery+html5 在web頁面播放提示音

<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script> 
<script type="text/javascript"> 
function play(){
	if($.browser.msie && $.browser.version=='8.0'){ 
		$('#newMessageDIV').html('<embed src="notify.mp3"/>'); 
	}else{ 
		//IE9+,Firefox,Chrome均支援<audio/> 
		$('#newMessageDIV').html('<audio autoplay="autoplay"><source src="notify.mp3"' 
		+ 'type="audio/wav"/><source src="notify.mp3" type="audio/mpeg"/></audio>'); 
	} 
}
</script> 
 <body>
  <div id="newMessageDIV" style="display:none">123132</div> 
  <input type="button" value="dada" onclick="play()"/>
 </body>
</html>

以上程式碼為自己整理,音訊檔案和jquery見附件

相關推薦

jquery+html5web頁面播放提示

<html> <head> <title> New Document </title> <meta name="Generator" c

html播放提示

■ <bgsound>:   <bgsound> 是用來插入背景音樂,但只適用於 ie,其引數設定不多。如下   <bgsound src="your.mid" autostart=true loop=infinite> src="your.mid" 設定 midi 檔案及

Android 播放提示

1.Ringtone import android.net.Uri; import android.media.RingtoneManager; import android.media.Ringtone; Uri notification = RingtoneMana

Nginx+ffmpeg+ckplayer海康監控攝像頭在web頁面播放RTSP轉RTMP

#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/ng

ffmpeg:mp4轉m3u8並用video.js在web頁面播放

一,ffmpeg的安裝:       參見: https://www.cnblogs.com/architectforest/p/12807683.html 說明:劉巨集締的架構森林是一個專注架構的部落格,地址:https://www.cnblogs.com/architec

如何讓pc端 web頁面 可以有一個訊息提示

1.首先需要一個jq外掛,將外掛引入頁面             下載地址    密碼:zz2f 2.程式碼 html: <if condition="$tip eq true">

如何在 HTML5 頁面中嵌入頻?如何在 HTML5 頁面中嵌入視頻?

brush embed browser port span feature 格式 如何 html5 HTML 5 包含嵌入音頻文件的標準方式,支持的格式包括 MP3、Wav 和 Ogg: <audio controls> <source src="

Web網站錯誤提示頁面和默認訪問頁面設置

sco red tracking 優先 remote 記錄 sender code system 1、asp.net 定制簡單的錯誤處理頁面 通常web應用程序在公布後。為了給用戶一個友好界面和使用體驗,都會在發生錯誤時跳轉至一個自己定義的錯誤頁面,而不是as

前端頁面實現報警器提示效果

項目 發出 defined style undefined page fun ima lang 原型圖: 圖片.png 項目需求:服務器接受到報警後將消息推送到前臺,(通過前端實時消息提示的效果-websocket長輪詢),前臺接受到消息後需要發出警報提示音,

七個幫助你處理Web頁面層布局的jQuery插件

選項 想要 技術分享 靜態 狀態 復雜 cimage max-width orm 1.UI.Layout jQuery UI布局插件 官方網站:http://layout.jquery-dev.com/index.cfm 使用大小可折疊的嵌套面板和大量選項創建高級UI布局

Web頁面使用VLC播放插件

資源 dem 支持 exe 朋友 文件 alt demo 端口 一、原生態Demo下載     選擇原因:我們為什麽選擇VLC播放插件?原因是它支持IE8瀏覽器播放視頻,如果高版本的瀏覽器大可不必選擇該插件,很多html5插件既好用又簡單,但是有些交管或政府   部門還是限

web前端學習之HTML5新增頁面元素

時區 -s 5-0 bsp 屬性 高亮 文本 strong datetime mark 標記與time 標記 記號mark 標記用來定義帶有記號的文本。在需要突出顯示文本時可以使用mark 標記。此標記對關鍵字做高亮處理(黃底色標註),突出顯示,標註重點,在搜索方面可以應用

EasyNVR、EasyDSS二次開發---RTMP、HLS流在web頁面進行無外掛播放(demo)

不管是基於EasyNVR還是EasyDSS,都是支援無外掛直播,這也是未來視訊直播的一個趨勢。對於傳統的瀏覽器外掛播放誰用誰知道; 以上是軟體自帶播放展示 背景需求 對於EasyNVR和EasyDSS的使用方式大概分為兩大類,一

解決WEB頁面引入javascript指令碼時提示未結束的字串常量的問題

也許有人像我一樣遇到過在除錯網頁時,明明引入的指令碼完全正確,頁面仍然提示有未結束的字串常量的問題。 出現這個問題,一般都是因為javascript指令碼檔案中包含有漢字的情況,所以一般解決辦法有兩種: 1.刪除js檔案中的所有漢字 2.在引入js時,增加對字符集的設定,如下

web頁面播放rtsp直播資料流方法

WEB播放RTSP直播資料流方法 在html技術中目前是無法直接使用現有的web技術進行播放rtsp直播資料流的,下面總結了可以是web播放rtsp直播流的方法。只是自己備用。 1,視訊播放功能使用的庫(WebChimera.js) 1.1,WebCh

jquery呼叫Web API提示"parseerror"

win7+vs2015 介面是:ASP.NET Core1.0  Web API專案 方法是 [HttpGet]         public List<Person> Get()         {             List<Person>

iOS播放自定義提示和震動

@implementation LKVibrate{ SystemSoundID soundID; } void soundCompleteCallback(SystemSoundID so

iOS 友盟推送播放自定義提示(小白必讀)

越來越多的APP開始使用自己的推送提示音,下面咱就來試試。侷限型:說到推送提示音,挺多的人都會想,在收到推送的時候播放一個音訊檔案不就OK啦。這種方法有個弊端,而且可以分為兩種情況1.APP處於前臺活躍狀態:系統推送預設的提示音和自己播放的音訊檔案都會響起2.APP處於後臺或

使用VLC轉碼,在HTML5頁面播放實時監控

首先要獲取攝像機品牌的RTSP地址: 如大華的是      rtsp://user:[email protected]:port/cam/ realmonitor?channel=1&subtype=0 海康的是     rtsp://user:[ema

Web頁面使用VLC播放外掛

一、原生態Demo下載     選擇原因:我們為什麼選擇VLC播放外掛?原因是它支援IE8瀏覽器播放視訊,如果高版本的瀏覽器大可不必選擇該外掛,很多html5外掛既好用又簡單,但是有些交管或政府   部門還是限制瀏覽器的。而且有些時候我們播放的視訊格式也比較變態,比如