HTML基礎學習04_video、audio、滾動視圖

一、滾動效果

網(wǎng)頁的多媒體元素包括動態(tài)文字、動態(tài)圖形、聲音、以及動畫等,其中最簡單的是添加一些滾動效果 marquee進行標記

使用marquee標記 不僅可以移動文字,也可以移動圖片、表格等

   <marquee behavior="" direction="" scrollamount="10"  scrolldelay="300">
   內(nèi)容
    </marquee>
  • behavior 滾動方式
    • Scroll 循環(huán)滾動 默認
    • Slide 只滾動一次就停止
    • Alternate 來回交替進行滾動 正滾 倒著滾
  • direction 滾動方向
    • up
    • down
    • left
    • Right
  • scrollamount 滾動速度 值越小越慢 值越大越快 設置每次滾動移動的長度,以像素為單位
  • scrolldelay 滾動延遲 設置滾動的時間間隔 單位毫秒 ,時間設置比較長 ,會產(chǎn)生走走停停的效果‘
  • loop 滾動循環(huán) loop 如果希望滾動幾次后停止 可以使用loop設置滾動次數(shù)
  • hspace、vspace 空間空白

二、 多媒體文件

1.視頻 video controls 播放按鈕操作面板

       <video src="http://vd3.bdstatic.com/mda-mm5g7awn5hiyiati/360p/h264/1638790021625766134/mda-mm5g7awn5hiyiati.mp4" controls="controls"></video>

  • Src

  • Preload 是否預加載

    • none:當頁面加載后不載入視頻

    • Metadata :當頁面加載后載入元數(shù)據(jù)

    • auto:當頁面加載后載入整個視頻

  • Autoplay 是否自動播放

  • loop 視頻結(jié)束后是否重新開始播放

  1. 音頻 audio controls控制版 如果不包含controls 屬性 則 audio播放器不會出現(xiàn)在頁面上

            <audio src="http://vd3.bdstatic.com/mda-mm5g7awn5hiyiati/360p/h264/1638790021625766134/mda-mm5g7awn5hiyiati.mp4" controls="controls"></audio>
    
    

三、地理位置

常見的地理位置定位方法:

  • 通過IP定位 :面向公眾網(wǎng)絡的IP地址及經(jīng)度(longitude)/緯度latitude
  • GPS :全球定位系統(tǒng) (Global Positioning System) GPS是由24顆地球軌道衛(wèi)星組成的系統(tǒng)。GPS設備向這些衛(wèi)星發(fā)送一條消息,利用發(fā)送和接收該消息的時間,就可以以數(shù)米半徑的經(jīng)度,確定信息發(fā)送者的經(jīng)緯度
  • 蜂窩電話基站位置定位:根據(jù)蜂窩電話基站的位置進行三角定位;

四、 畫布 canvas

畫布是一個矩形區(qū)域,

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容