현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

HTML 질문 - 음악을 재생하는 태그

랜덤여신의 이미지
글쓴이: 랜덤여신 / 작성시간: 토, 2004/07/03 - 6:39오후

HTML 질문 - 음악을 재생하는 태그

안녕하세요,
지금까지 웹페이지에서 음악을 재생시키는데 embed 태그를 사용했었는데요,
HTML Validator 에 걸립니다. (없는 element)

표준을 지키는 음악 재생 방법은 무엇인가요?
플러그인 방식으로 하면 IE와 모질라와 다른 것인가요?

Forums: 
프로그래밍 QnA
버려진의 이미지

글쓴이: 버려진 / 작성시간: 토, 2004/07/03 - 6:49오후

object를 써보세요.
그런데 embed를 써도 모질라에서 잘 나올걸요? :)

랜덤여신의 이미지

글쓴이: 랜덤여신 / 작성시간: 토, 2004/07/03 - 6:54오후

pyj200 wrote:
object를 써보세요.
그런데 embed를 써도 모질라에서 잘 나올걸요? :)

물론 모질라에서도 잘 나옵니다만,
Validator 에서 Warning 나면 뭔가가 껄끄러워서요... :oops:

으흠... object type 으로 뭘 써야 할지 모르겠습니다. 파일 종류별(mp3, ogg, wma)로 전부 다르게 지정해야 하는 것인가요?

----
블로그 / 위키 / 리눅스 스크린샷 갤러리

hys545의 이미지

글쓴이: hys545 / 작성시간: 토, 2004/07/03 - 7:40오후

인클루드 wrote:
pyj200 wrote:
object를 써보세요.
그런데 embed를 써도 모질라에서 잘 나올걸요? :)

물론 모질라에서도 잘 나옵니다만,
Validator 에서 Warning 나면 뭔가가 껄끄러워서요... :oops:

으흠... object type 으로 뭘 써야 할지 모르겠습니다. 파일 종류별(mp3, ogg, wma)로 전부 다르게 지정해야 하는 것인가요?


object쓰는게 좋을듯
embed는 표준에서 탈락한 태그입니다,
<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>

이게 예제인데

http://www.w3schools.com/tags/tag_object.asp
보면ㅌ 자세한 설명 나옴,

즐린

sylphong의 이미지

글쓴이: sylphong / 작성시간: 토, 2004/07/03 - 10:11오후

object를 사용하면 됩니다.

<object data="bgmusic.mp3" type="audio/mpeg" height="0" width="0">
</object>

이런식으로 하면 height와 width가 0이기때문에 컨트롤은 화면에 나오지 않고 음악만 나오게됩니다.

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.