#推荐
【基础教程】引入本地音频 视频 HTML PDF等文件

2024-07-02 0 461

在【内联框架之播放视频音频设置】这一篇中讲过在线的音视频设置,其实内联框架也可以设置本地的音视频文件,在一些离线和不想使用在线文件的场景下非常的实用,加载的速度也会快很多。

在讲解如何插入本地文件之前需要先讲两个概念,相对路径绝对路径,了解了这两个概览后,才能顺利的插入本地文件并识别成功

绝对路径和相对路径是什么?

相对路径:相对路径就是相对于当前文件的路径,以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。
绝对路径:以Web 站点根目录为参考基础的目录路径,之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。比如,你的Axure文件是存放在【 D:/Axure/Axure源文件】 下的,那么【 D:/Axure/Axure源文件】就是【Axure源文件】目录的绝对路径。
其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。

路径特殊符号

以下为建立路径所使用的几个特殊符号,及其所代表的意义。
  • “./”:代表目前所在的目录。如:”./abc”
  • “../”:代表上一层目录。如:../abc
  • 以”/”开头:代表根目录。如:”D:/abc/” — 代表根目录,绝对路径。
了解完相对路径、绝对路径之后,我们再回到正题,在这里用到的是相对路径,通过相对路径引入本地文件

如何引入相对路径

内联框架->框架目标弹出框->链接一个外部的URL或文件->本地文件地址
【基础教程】引入本地音频 视频 HTML PDF等文件
同一层级引入